/* =========================================================
   COOBEH V62.27 — APP-WIDE READABILITY & RESPONSIVE AUDIT
   Purpose: readable Persian UI without hiding tools or changing palette.
   ========================================================= */

/* Never split Persian words character-by-character. Long technical tokens may still wrap at safe boundaries. */
.app-shell .page h1,.app-shell .page h2,.app-shell .page h3,.app-shell .page h4,
.app-shell .page p,.app-shell .page b,.app-shell .page strong,.app-shell .page span,
.app-shell .page small,.app-shell .page label,.app-shell .page button,.app-shell .page a{
  word-break:normal;overflow-wrap:break-word;
}
.app-shell .page code,.app-shell .page pre,.app-shell .page [dir="ltr"]{overflow-wrap:anywhere}

/* App-wide reading floor for primary copy / controls. Side metadata intentionally stays smaller. */
.app-shell .page p{font-size:12px;line-height:1.85}
.app-shell .page input:not([type="checkbox"]):not([type="radio"]),
.app-shell .page textarea,.app-shell .page select{font-size:13px;line-height:1.65}
.app-shell .page button{line-height:1.55}
.app-shell .page small{line-height:1.55}

/* Preserve symbol-only control scale. */
.app-shell .page .bt-drawer-close,.app-shell .page .ra-detail-close{font-size:20px}
.app-shell .page .cc-modal-backdrop{font-size:0}

/* Collaboration center: primary information and actions must be readable. */
.collab-page .collab-hero p{font-size:13px;line-height:1.9}
.collab-page .cc-panel-head small,.collab-page .cc-support-head small{font-size:10.5px}
.collab-page .cc-metric small,.collab-page .cc-summary-card small,.collab-page .cc-row-head small{font-size:10.5px}
.collab-page .cc-note,.collab-page .cc-ticket .cc-ticket-body,.collab-page .cc-approval .cc-approval-body{font-size:12px;line-height:1.8}
.collab-page .cc-row-actions button,.collab-page .cc-row-actions a,.collab-page .cc-filter-row button,
.collab-page .cc-tabbar button,.collab-page .cc-notif-controls>button,.collab-page .cc-file-uploader>button,
.collab-page .cc-form-actions button,.collab-page .cc-upload-actions button,.collab-page .cc-file-quick-filters button,
.collab-page .cc-folder-manage-row button,.collab-page .cc-folder-create button,.collab-page .cc-file-modal-actions button{font-size:12px;min-height:40px}
.collab-page .cc-message header b,.collab-page .cc-approval-file b,.collab-page .cc-upload-item b,
.collab-page .cc-file-main h4,.collab-page .cc-version-row b{font-size:12.5px;line-height:1.55}
.collab-page .cc-message p,.collab-page .cc-notification p,.collab-page .cc-file-path{font-size:11.5px;line-height:1.75}
.collab-page .cc-message header time,.collab-page .cc-notification time,.collab-page .cc-history-row,
.collab-page .cc-file-main>small,.collab-page .cc-file-version,.collab-page .cc-version-row small,
.collab-page .cc-file-filter-grid label,.collab-page .cc-folder-create label,.collab-page .cc-folder-manage-row span{font-size:10px}
.collab-page .cc-ticket-form label,.collab-page .cc-calendar-form label,.collab-page .cc-upload-fields label,
.collab-page .cc-file-search,.collab-page .cc-file-control-status{font-size:11px}

/* Brand Touchpoint Audit: cards remain visual, but findings and controls are legible. */
#page-brand-evidence .tp-head p,#page-brand-evidence .tp-panel-copy,#page-brand-evidence .tp-state p,
#page-brand-evidence .tp-section-title p,#page-brand-evidence .tp-overall p,#page-brand-evidence .tp-insight-row p,
#page-brand-evidence .tp-gap-flow p,#page-brand-evidence .tp-recommendation p,#page-brand-evidence .tp-action-row p{font-size:11.5px;line-height:1.85}
#page-brand-evidence button,#page-brand-evidence input,#page-brand-evidence textarea{font-size:12px}
#page-brand-evidence .tp-card-head>span,#page-brand-evidence .tp-status-pill,#page-brand-evidence .tp-detail-tags span,
#page-brand-evidence .tp-dna-reference span,#page-brand-evidence .tp-dimension small,#page-brand-evidence .tp-dimension em,
#page-brand-evidence .tp-all-card small,#page-brand-evidence .tp-all-card em,#page-brand-evidence .tp-evidence-item,
#page-brand-evidence .tp-overall-meta small,#page-brand-evidence .tp-matrix-zone header small{font-size:9.5px}
#page-brand-evidence .tp-audit-card b,#page-brand-evidence .tp-insight-row b,#page-brand-evidence .tp-gap-card header b,
#page-brand-evidence .tp-trend-row b,#page-brand-evidence .tp-all-card b,#page-brand-evidence .tp-question b,
#page-brand-evidence .tp-dimension b,#page-brand-evidence .tp-action-row b{font-size:12px;line-height:1.6}
#page-brand-evidence .tp-journey-node,.tp-matrix-chip,.tp-trend-point{font-size:10px}

/* Brand Health */
#page-brand-health .bh-hero-v6221 p,#page-brand-health .bh-section-head p,#page-brand-health .bh-finding p,
#page-brand-health .bh-risk p,#page-brand-health .bh-adaptive-note,#page-brand-health .bh-review-row p,
#page-brand-health .bh-drawer-evidence p{font-size:12px;line-height:1.85}
#page-brand-health .bh-finding button,#page-brand-health .bh-risk button,#page-brand-health .bh-answer-row button,
#page-brand-health .bh-history-item button{font-size:12px}
#page-brand-health .bh-status-chip,#page-brand-health .bh-evidence-mini,#page-brand-health .bh-question>small,
#page-brand-health .bh-question-evidence,#page-brand-health .bh-trend-state,#page-brand-health .bh-trend-legend span{font-size:10.5px}

/* Reports: previously several 6–8px blocks were effectively unreadable on phones. */
#page-reports .ra-hero-v6222 p,#page-reports .ra-state-v6222>p,#page-reports .ra-section-head p,
#page-reports .ra-insight-card p,#page-reports .ra-compare-card p,#page-reports .ra-health-card p,
#page-reports .ra-journey-card p,#page-reports .ra-gap-anchor p,#page-reports .ra-gap-item p,
#page-reports .ra-action-card p,#page-reports .ra-report-card p,#page-reports .ra-history-item p,
#page-reports .ra-detail-panel>p,#page-reports .ra-detail-evidence article p,#page-reports .ra-detail-compare article p,
#page-reports .ra-detail-rec article p{font-size:11.5px;line-height:1.8}
#page-reports button{font-size:11.5px;min-height:36px}
#page-reports .ra-insight-card h4,#page-reports .ra-report-card h4,#page-reports .ra-journey-card h4,
#page-reports .ra-gap-anchor h4{font-size:13px;line-height:1.55}
#page-reports .ra-health-card header b,#page-reports .ra-gap-item b,#page-reports .ra-action-card b,
#page-reports .ra-history-item b,#page-reports .ra-detail-panel section>b{font-size:11.5px}
#page-reports .ra-insight-meta span,#page-reports .ra-insight-meta time,#page-reports .ra-insight-card footer small,
#page-reports .ra-kpi-card small,#page-reports .ra-kpi-card em,#page-reports .ra-data-note,
#page-reports .ra-compare-card>small,#page-reports .ra-health-card header span,#page-reports .ra-health-card footer,
#page-reports .ra-trait-cloud span,#page-reports .ra-action-card small,#page-reports .ra-report-card header span,
#page-reports .ra-report-card footer small,#page-reports .ra-history-item time{font-size:9.5px}
#page-reports .ra-insight-grid,#page-reports .ra-compare-grid,#page-reports .ra-health-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
#page-reports .ra-kpi-rail{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Brand tools: operational tool output should never look like footnotes. */
#page-tools .bt-hero-v6223 p,#page-tools .bt-tool-card p,#page-tools .bt-drawer-copy,#page-tools .bt-calc-result p,
#page-tools .bt-dev-state p{font-size:11.5px;line-height:1.8}
#page-tools button{font-size:11.5px;min-height:36px}
#page-tools .bt-tool-card h4,#page-tools .bt-dev-state b{font-size:13px;line-height:1.55}
#page-tools .bt-status,#page-tools .bt-section-head span,#page-tools .bt-drawer-meta span,#page-tools .bt-requirements small,
#page-tools .bt-data-row small,#page-tools .bt-axis-row span,#page-tools .bt-funnel-results span{font-size:9.5px}
#page-tools .bt-requirements b,#page-tools .bt-data-row b,#page-tools .bt-data-row p{font-size:11px}
#page-tools .bt-field label{font-size:10.5px}
#page-tools .bt-field input,#page-tools .bt-field textarea{font-size:13px}

/* DNA / Information / Discovery */
#page-brand .dna-page-head p,#page-brand .dna-profile-hero p,#page-brand .dna-profile-card p,
#page-brand .dna-summary-box{font-size:12px;line-height:1.9}
#page-brand button{font-size:12px}
#page-brand input,#page-brand textarea,#page-brand select{font-size:13px}
#page-brand .dna-field>small,#page-brand .dna-field-feedback,#page-brand .dna-value-meta,
#page-brand .dna-profile-meta span,#page-brand .dna-map-node small,#page-brand .dna-history-empty{font-size:10px}

.ih-page-shell p,.ds-page-shell p{font-size:12px;line-height:1.85}
.ih-page-shell button,.ds-page-shell button,.ds-page-shell a{font-size:12px}
.ih-page-shell small,.ds-page-shell small{font-size:10.5px}

/* Common legacy screens */
.app-shell .page .quick b,.app-shell .page .activity b,.app-shell .page .review-buttons button,
.app-shell .page .file-row strong,.app-shell .page .finance-list b,.app-shell .page .goal-list span,
.app-shell .page .profile-form label,.app-shell .page .message-thread p,.app-shell .page .brief-intro p,
.app-shell .page .services-intro p,.app-shell .page .service-preview-card p,.app-shell .page .more-section-head p,
.app-shell .page .more-card-copy small{font-size:11.5px;line-height:1.7}
.app-shell .page .primary-button,.app-shell .page .review-buttons button,.app-shell .page .brief-options button,
.app-shell .page .service-preview-card button,.app-shell .page .back-button{font-size:12px}

/* Compact devices: reduce columns before reducing typography. */
@media(max-width:370px){
  #page-reports .ra-insight-grid,#page-reports .ra-compare-grid,#page-reports .ra-health-overview{grid-template-columns:1fr}
  #page-brand-evidence .tp-matrix{grid-template-columns:1fr}
  #page-brand-evidence .tp-dimensions{grid-template-columns:1fr}
  .collab-page .cc-finance-overview{grid-template-columns:1fr}
  #page-brand-health .bh-answer-row{grid-template-columns:1fr 1fr}
}
@media(max-width:340px){
  .app-shell .page p{font-size:11.5px}
  .app-shell .page input:not([type="checkbox"]):not([type="radio"]),.app-shell .page textarea,.app-shell .page select{font-size:12.5px}
}

/* =========================================================
   V62.27 — whole-app readability & narrow-shell audit fixes
   Important interaction copy gets a readable floor; tiny type
   remains reserved for metadata / kickers only.
   ========================================================= */

/* persistent navigation must stay readable even on 320px screens */
.bottom-nav span,
.bottom-navigation span{font-size:9.5px;line-height:1.15;letter-spacing:-.05px}
@media(max-width:340px){
  .bottom-nav span,.bottom-navigation span{font-size:9px}
  .bottom-nav button{gap:2px}
}

/* More = discovery surface, not micro-copy */
#page-more .more-card>b,
#page-more .more-card.more-card-wide .more-card-copy b{font-size:12px;line-height:1.55}
#page-more .more-card>small,
#page-more .more-card.more-card-wide .more-card-copy small{font-size:10px;line-height:1.7}

/* Home / adaptive command surface */
.v6217-command-view .client-dashboard-focus-actions button{font-size:11.5px;line-height:1.55;min-height:44px}
.v6217-command-signals>span>b{font-size:10px}
.v6217-section-kicker small{font-size:9px}
.v6217-work-copy>small{font-size:9px}
.v6217-work-copy>b{font-size:12px}
.v6217-work-copy>em{font-size:10px;line-height:1.65}
.v6217-work-copy>strong{font-size:10.5px}
.v6217-work-media>i{font-size:9px}
.v6217-pulse-orbit small,.v6217-pulse-copy>small{font-size:9px}
.v6217-pulse-copy>p{font-size:11px;line-height:1.75}
.v6217-pulse-bars b{font-size:9.5px}
.v6217-pulse-copy>button{font-size:11.5px;min-height:40px}
.v6217-brand-intelligence-head small{font-size:9px}
.v6217-intelligence-grid>button>span{font-size:9px}
.v6217-intelligence-grid b{font-size:11.5px}
.v6217-intelligence-grid small{font-size:9.5px}
.v6217-intelligence-next small{font-size:9px}
.v6217-intelligence-next b{font-size:11.5px}
.v6217-journey-map .journey-row>div>b{font-size:11.5px}
.v6217-journey-map .journey-row>div>small{font-size:9.5px}
.v6217-current-chip{font-size:9px}
.brand-analysis-panel-copy p{font-size:11.5px}
.brand-analysis-panel-cta{font-size:11.5px;min-height:38px}
@media(max-width:340px){
  .brand-analysis-panel-copy p{font-size:11px}
  .brand-analysis-panel-cta{font-size:11px}
}

/* Projects / portfolio */
.v629-project-filters button{font-size:10.5px;line-height:1.35}
.v629-project-filters button span{font-size:9px}
.portfolio-page-title p{font-size:12px;line-height:1.85;max-width:none}
#page-portfolio button,#page-portfolio-case button{font-size:max(11px,1em)}

/* Services: main choices and CTAs must never look like footnotes */
.v623-services-hero-copy p,.v623-service-detail-copy p{font-size:12px}
.v623-path-card small,.v623-services-hero-copy small,.v623-section-head small,.v623-service-section-head small,.v623-service-detail-copy>small,.v623-service-final-cta small{font-size:9.5px}
.v623-path-card em,.v623-section-head>p,.v623-stage-rail button small{font-size:10.5px}
.v623-section-head>button,.v623-recommendation-head button,.v623-services-footer button,.v623-service-detail-actions>button:not(.primary-button){font-size:11.5px;min-height:38px}
.v623-recommendation-head small,.v623-services-footer small{font-size:9px}
.v623-recommendation>p,.v623-category-overview p,.v623-services-footer p,.v623-service-final-cta p{font-size:11.5px}
.v623-related-case small{font-size:9px}
.v623-related-case b{font-size:11.5px}
.v623-related-case em,.v623-no-case small{font-size:9.5px}
.v623-no-case b{font-size:11px}
.v623-output-chips span{font-size:10.5px}

/* Start-project / brief: keep flow compact but legible */
.brief-v6214-hero-copy>small,.brief-v6214-section-head small{font-size:9px}
.brief-v6214-hero-copy>p{font-size:12px;line-height:1.8;max-width:none}
.brief-v6214-flow span i{font-size:9px}
.brief-v6214-flow span b{font-size:9.5px}
.brief-v6214-section-head p{font-size:11.5px;line-height:1.75}
.brief-v6214-section-head>span{font-size:9.5px}
.v6214-brief-health>span{font-size:9.5px!important}
.v6214-brief-health>small{font-size:10px!important;line-height:1.65!important}
.v6214-service-stage .brief-service-load-state{font-size:10px!important}
.v6214-brief-page .brief-intro-card>p{font-size:11.5px!important;line-height:1.8!important}
.v6214-brief-page .brief-intro-actions button{font-size:11.5px!important;min-height:40px}
@media(max-width:370px){
  .brief-v6214-hero-copy>p{font-size:11.5px}
  .brief-v6214-flow span b{font-size:9px}
}

/* Brand Command Room — this is a decision surface, not a micro-dashboard */
#page-brand-center .bcr-page-head-copy small,
#page-brand-center .bcr-section-head small,
#page-brand-center .bcr-panel-head small,
#page-brand-center .bcr-recommendation>div>small{font-size:9px}
#page-brand-center .bcr-radar-empty b{font-size:12px}
#page-brand-center .bcr-radar-empty small{font-size:10px}
#page-brand-center .bcr-radar-empty button{font-size:11.5px;min-height:38px}
#page-brand-center .bcr-overview-kicker>span,
#page-brand-center .bcr-overview-kicker>small{font-size:9px}
#page-brand-center .bcr-overview-source-strip b{font-size:10.5px}
#page-brand-center .bcr-overview-source-strip small{font-size:9px}
#page-brand-center .bcr-pulse-card b{font-size:11.5px}
#page-brand-center .bcr-pulse-card small{font-size:9.5px}
#page-brand-center .bcr-pulse-card>em,
#page-brand-center .bcr-pulse-card>em strong{font-size:9px}
#page-brand-center .bcr-issue-card span{font-size:9px}
#page-brand-center .bcr-issue-card b{font-size:11.5px}
#page-brand-center .bcr-issue-card p{font-size:10.5px;line-height:1.7}
#page-brand-center .bcr-issue-card button{font-size:11px;min-height:36px}
#page-brand-center .bcr-issue-empty{font-size:10.5px}
#page-brand-center .bcr-distribution-legend small{font-size:9px}
#page-brand-center .bcr-distribution>p{font-size:10px}
#page-brand-center .bcr-trend-metrics button{font-size:10px;min-height:34px}
#page-brand-center .bcr-trend-empty b{font-size:11.5px}
#page-brand-center .bcr-trend-empty small{font-size:10px}
#page-brand-center .bcr-trend-empty button{font-size:11px;min-height:36px}
#page-brand-center .bcr-trend-note{font-size:9.5px}
#page-brand-center .bcr-map-node{width:118px;min-height:66px;grid-template-columns:28px 1fr;padding:9px 8px}
#page-brand-center .bcr-map-node>span{width:28px;height:28px;font-size:8px}
#page-brand-center .bcr-map-node>b{font-size:10.5px}
#page-brand-center .bcr-map-node>small{font-size:8.5px}
#page-brand-center .bcr-map-note{font-size:9.5px}
#page-brand-center .bcr-recommendation h3{font-size:13px}
#page-brand-center .bcr-recommendation p{font-size:10.5px}
#page-brand-center .bcr-recommendation>button{font-size:11.5px;min-height:38px}
#page-brand-center .bcr-quick-grid b{font-size:10.5px}
#page-brand-center .bcr-quick-grid small{font-size:9px}

/* legacy utility pages / main collaboration-like screens */
.utility-hero p,.service-request-hero p,.consult-v625-hero p,.process-page .utility-hero p{font-size:12px;line-height:1.85}
.consult-v625-lab p{font-size:11px}
.consult-v625-lab button{font-size:11.5px;min-height:40px}
.consult-v625-progress i,.consult-v625-progress b{font-size:9px}
.process-rail b{font-size:12px}
.process-rail small,.about-process-track article small{font-size:10px}
.about-process-copy{font-size:11px}

/* prevent residual layout leaks on the narrow app shell */
#page-brand-evidence,#page-service-detail{max-width:100%;overflow-x:hidden}
#page-brand-evidence>*,#page-service-detail>*{min-width:0;max-width:100%}

/* buttons that perform a user action get a minimum legibility floor */
.page button:not(.round-icon):not(.avatar-button):not(.bottom-nav button){line-height:1.45}

@media(max-width:370px){
  #page-brand-center .bcr-map-node{width:112px}
  #page-brand-center .bcr-quick-grid{grid-template-columns:1fr}
  .v6217-intelligence-grid{grid-template-columns:1fr}
}

/* Final interaction floor after cross-page audit. One controlled override is
   preferable to dozens of page-specific micro-font exceptions. */
.page button:not(.round-icon):not(.avatar-button){font-size:11.5px!important}
.page label{font-size:11px!important;line-height:1.55}
.page{overflow-x:clip}
#page-brand-center p{font-size:11.5px!important;line-height:1.75}
#page-tools .bt-loading b,#page-tools .bt-breadcrumb b{font-size:10px}
#page-service-request b{font-size:9.5px}
#page-portfolio-case .pf-case-story b,#page-portfolio-case .pf-case-process b{font-size:10px}
#page-home .client-dashboard-focus-actions button,
#page-home .v6217-pulse-copy>button{font-size:11.5px!important}
#page-home .client-dashboard-tabs button,#page-home .client-dashboard-focus-actions button{min-height:40px}
#page-tasks button{font-size:11.5px!important}
#page-brand-assets button{font-size:11.5px!important}
#page-reports button{font-size:11px!important}
#page-brand-evidence button{font-size:11px!important}
#page-brand .dna-action,#page-brand button{font-size:11px!important}
#page-brand-feel button{font-size:11px!important}
#page-documents label{font-size:11px!important}
.v623-service-detail-actions{flex-wrap:wrap}
#page-service-detail .v623-service-detail-hero,#page-service-detail .v623-service-section,#page-brand-center>*{max-width:100%}

/* Remaining audit findings: important status/value text */
#page-home .client-dashboard-focus b,
#page-home .finance-overview b,
#page-project-detail .finance-overview b{font-size:10.5px}
#page-portfolio .pf-site-link{font-size:11px}
#page-portfolio-case b{font-size:10px!important}
#page-brand-evidence .tp-state b,
#page-brand-evidence .tp-file-box b,
#page-brand-evidence .tp-loading b{font-size:10px!important}
#page-brief .brief-health b,#page-brief .brief-intro-card b{font-size:10px}
#page-tasks strong{font-size:10.5px}
#page-reports .ra-loading b,#page-reports .ra-state b{font-size:10px}
#page-tools [class*="loading"] b,#page-tools [class*="state"] b{font-size:10px}
#page-brand-center .bcr-map-panel{overflow:hidden}
@media(min-width:371px){
  #page-brand-center .bcr-map{max-width:100%;transform:scale(.97);transform-origin:center top}
}

/* narrow-shell overflow fixes found in 320–430px layout audit */
@media(max-width:360px){
  #page-brand-evidence .tp-head{grid-template-columns:minmax(0,1fr) 64px;gap:10px}
  #page-brand-evidence .tp-head-orbit{width:64px;height:64px;transform:none}
}
#page-brand-center .bcr-split-section,#page-brand-center .bcr-distribution{min-width:0;overflow:hidden}
#page-brand-center .bcr-distribution-legend,#page-brand-center .bcr-distribution-legend>span{min-width:0;max-width:100%}
#page-brand-center .bcr-distribution-legend>span{overflow:hidden}


/* =========================================================
   COOBEH V62.28 — Choice readability + independent modules
   ========================================================= */
/* Selection controls: never squeeze readable options into tiny equal columns. */
.app-shell .v624-choice-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important;grid-template-columns:none!important;overflow:visible!important}
.app-shell .v624-choice-item{flex:1 1 132px!important;min-width:132px!important;max-width:100%;min-height:48px!important;padding:10px 12px!important;grid-template-columns:16px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
.app-shell .v624-choice-item>b{font-size:12px!important;line-height:1.65!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;text-overflow:clip!important}
.app-shell .v624-choice-control.has-long-labels .v624-choice-item{flex-basis:154px!important;min-width:154px!important}
.app-shell .v624-choice-current{min-height:42px;padding:9px 11px}
.app-shell .v624-choice-current small{font-size:10px!important}.app-shell .v624-choice-current b{font-size:12px!important;line-height:1.6!important;white-space:normal;overflow-wrap:normal;word-break:normal}
/* Important action labels should remain readable. */
.collab-page button,.ih-page-shell button,#page-learning button,#page-inspiration button,#page-media button,#page-about button,#page-invite button{font-size:max(11px,1em)}
@media(max-width:360px){
  .app-shell .v624-choice-item{flex-basis:126px!important;min-width:126px!important;padding-inline:10px!important}
  .app-shell .v624-choice-control.has-long-labels .v624-choice-item{flex-basis:138px!important;min-width:138px!important}
  .app-shell .v624-choice-item>b{font-size:11.5px!important}
}

/* =========================================================
   COOBEH V62.29 — navigation visibility + return position
   ========================================================= */
.app-shell .page>.back-button,
.app-shell .back-button{
  color:#ff6a2b!important;
  font-weight:900!important;
  font-size:12.5px!important;
  text-shadow:0 0 18px rgba(241,90,34,.18);
  opacity:1!important;
}
.app-shell .back-button:hover,
.app-shell .back-button:focus-visible{color:#ff7b47!important}
@media(max-width:360px){.app-shell .back-button{font-size:12px!important}}