@charset "UTF-8";
/* ==========================================================================
   MODERN THEME  —  central, visual-only override layer   (Primary #FD7E14)
   ==========================================================================
   This file is now a THIN AGGREGATOR. The real rules live in css/theme/*.css,
   split by concern so each piece is small and easy to scan/maintain. This
   file stays the ONE <link> a page references, so rolling the theme onto a
   page never changes (and UserHome.aspx keeps working unchanged).

   Loaded LAST in the page (after the legacy sheets: StyleSheet.css /
   StyleSheet1 / 2 / main / bootstrap-3.3.6) so it wins the cascade. It
   re-skins; it does NOT replace the legacy base layer (kept so not-yet-
   migrated pages still work). Pure CSS — no markup/ID/behaviour/server code.

   ORDER = CASCADE.  No ?v= cache-busters here: Web.config sets the /css folder
   to `Cache-Control: no-cache` (clientCache DisableCache), so the browser always
   revalidates and edits show up without bumping a version. For PRODUCTION, flip
   that header to UseMaxAge and add a ?v= back here (see Web.config + §3 of guide).

     01 tokens      design system variables (must load first)
     02 base        typography, page bg, links, gutters
     03 chrome      header / logo / user chip / title bar / nav / footer
                    (+ chrome responsive)  — shared by Main.master & Main2.master
     04 forms       .input-form/.box-leave* cards, fills, fields, focus rings
     05 tables      HTML/Bootstrap tables + Telerik RadGrid (header/zebra/pager)
     06 buttons     primary/green/red, month & calendar buttons, button rows
     07 filters     .top-filter-wrapper search bars, breadcrumb, IconNote legend
     08 calendar    jquery.calendars picker + ucCalendar month grid + date input
     09 popups      RadWindow, result-box, tabs, MessageBox, status badges
     10 reports     report/export pages + @media print
     11 responsive  content-component breakpoints (must load last)
     12 login       SignIn.aspx + Admin/SignIn.aspx (scoped under body.login-page)
     13 rhythm      final scoped spacing/layout normalization
     14 request-view  leave request/approve/cancel pages (.UserViewAdd/.ApproverViewAdd)
     15 approval-chain  multi-level approval timeline (<uc:ApprovalChain>)
     16 request-mobile-calendar  mobile popup day-picker for the create-leave calendar
     17 webview-embed  [SSO-LOGTO] hides the site chrome (.header-top + footer,
                    keeping the orange title band + menu) when the page is
                    rendered inside the sdb_workspace (Flutter) WebView.
                    Everything is scoped under html.tm-embed, which
                    js/workspace-embed.js adds only when ?from=sdbworkspace was
                    seen -> zero effect on a normal browser session.
                    Cleared with ?from=web. THE single embed switch since
                    2026-08-06 (see 25 below).
     18 approver-list-mobile  mobile card list + detail/confirm sheet for รายการรออนุมัติ
     19-24 responsive fixes   global + per-area overrides for the legacy fixed
                    widths/clamps that broke tablet & phone layouts (see docs/RESPONSIVE.md)
     25 workspace   DISABLED 2026-08-06 - ?workspace=true was cancelled; its rules
                    now live in 17 under html.tm-embed. File kept, not imported.
   ========================================================================== */

@import url("theme/01-tokens.css");
@import url("theme/02-base.css");
@import url("theme/03-chrome.css");
@import url("theme/04-forms.css");
@import url("theme/05-tables.css");
@import url("theme/06-buttons.css");
@import url("theme/07-filters.css");
@import url("theme/08-calendar.css");
@import url("theme/09-popups.css");
@import url("theme/10-reports.css");
@import url("theme/11-responsive.css");
@import url("theme/12-login.css");
@import url("theme/13-layout-rhythm.css");
@import url("theme/14-request-view.css");
@import url("theme/15-approval-chain.css");
@import url("theme/16-request-mobile-calendar.css");
@import url("theme/17-webview-embed.css");
@import url("theme/18-approver-list-mobile.css");
/* loaded last: overrides legacy fixed widths/clamps that broke tablet+phone layouts */
@import url("theme/19-responsive-global.css");
@import url("theme/20-fix-request-view.css");
@import url("theme/21-fix-tables-reports.css");
@import url("theme/22-fix-calendar.css");
@import url("theme/23-fix-popups-filters.css");
@import url("theme/24-fix-forms-misc.css");
/* [WORKSPACE-MERGE 2026-08-06] ยกเลิก ?workspace=true ตามคำสั่งเจ้าของงาน — โหมดฝังใช้
   ?from=sdbworkspace (17-webview-embed.css) ที่เดียว · ปิดด้วยการไม่ @import ไฟล์ 25
   (ไม่ลบ ตาม CLAUDE.md §5.4) → body.workspace-mode ที่ master ยัง render อยู่กลายเป็น
   คลาสเปล่าไม่มีผลใด ๆ · จะเปิดกลับ = ปลดคอมเมนต์บรรทัดล่าง
@import url("theme/25-workspace.css");
*/