/* Home-only layout; existing profile and workspace artwork remain untouched. */
body[data-shell-page="home"] .shell-root{padding-top:22px}.tosaa-home{width:100%;max-width:720px;margin:0 auto;padding-bottom:28px}.tosaa-home-card-area{max-width:590px;margin:0 auto}.tosaa-home-card-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:12px 3px 0;font-size:12px;color:#bdbab5}.tosaa-home-card-caption [data-card-state]:before{content:'';display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:currentColor}.tosaa-home-card-caption [data-card-state="suspended"]{color:#e9c1b6}.tosaa-home-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px;margin:32px auto 0;max-width:620px}.tosaa-home-action{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-width:0;text-decoration:none;color:#e9e6e0;font:inherit}.tosaa-home-action>span{display:grid;place-items:center;width:58px;height:58px;background:#ffffff08;border:1px solid #ffffff26;border-radius:20px;transition:background .16s ease}.tosaa-home-action svg{width:24px;height:24px}.tosaa-home-action strong{font-weight:400;font-size:12px;line-height:1.65;max-width:110px;overflow-wrap:anywhere}.tosaa-home-action:focus-visible{outline:2px solid #eee;outline-offset:6px;border-radius:8px}.tosaa-home-empty{aspect-ratio:1.697;border:1px solid #ffffff30;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:center}.tosaa-home-empty p{font-size:25px;letter-spacing:-1px;margin:0 0 10px}.tosaa-home-empty h2{font-size:20px;font-weight:400;line-height:1.6}.tosaa-home-empty a{font-size:12px;color:inherit;text-underline-offset:4px}@media(max-width:600px){body[data-shell-page="home"] .shell-root{padding:18px 20px 115px}.tosaa-home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 13px;margin-top:26px}.tosaa-home-action>span{width:56px;height:56px;border-radius:19px}.tosaa-home-action strong{font-size:11px}.tosaa-home-card-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.tosaa-home-action>span{transition:none}}
@media(orientation:landscape) and (max-height:600px){.tosaa-home-card-area{max-width:min(590px,calc((100dvh - 180px)*1.697))}.tosaa-home-actions{margin-top:24px}}

/* Home mist surface and dark header blend; accepted cards and other page artwork stay intact. */
body[data-shell-page="home"]{--home-ground:#d1c0a3;--home-cloud:#eee1c6;--home-side:#a28d6d;background:var(--home-ground)!important;background-image:linear-gradient(180deg,#253032cc 0,#25303266 90px,#25303200 230px),radial-gradient(ellipse at 4% 45%,var(--home-cloud),transparent 66%),radial-gradient(ellipse at 100% 16%,var(--home-side),transparent 70%)!important;background-attachment:fixed!important;color:#283c35}body[data-shell-page="home"]:has([data-home-card="associate"]){--home-ground:#adc8b2;--home-cloud:#d7e5c7;--home-side:#739c85}/* One ground per membership type (plan item 10.1: the Industry and Student cards are gone). Honorary: the first ground again behind the first dark-red card (owner 18 Oct 2026; the warm stone of 16 Oct went with the gold card). */body[data-shell-page="home"]:has([data-home-card="honorary"]){--home-ground:#d0aeb9;--home-cloud:#efd3d6;--home-side:#ac7c91}body[data-shell-page="home"]:before,body[data-shell-page="home"]:after{display:none!important}body[data-shell-page="home"] #app-header{background:transparent;color:#fff;isolation:auto}body[data-shell-page="home"] #app-header>*{position:relative;z-index:1}body[data-shell-page="home"] #app-header:before{content:"";position:absolute;inset:0 0 -38px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#202a2bd6 0,#202a2bc2 45%,#202a2b70 72%,#202a2b00 100%);mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 100%)}body[data-shell-page="home"] #app-header .brand-mark{mix-blend-mode:screen;filter:none}body[data-shell-page="home"] #app-header .header-icon{color:#fff}body[data-shell-page="home"] #app-header .header-icon:hover{background:#ffffff12}body[data-shell-page="home"] #app-header .header-icon:focus-visible{outline-color:#fff}body[data-shell-page="home"] .application-badge{background:#e9e3d5;color:#191919}
.tosaa-home-card-caption{color:#53554f}.tosaa-home-card-caption [data-card-state="suspended"]{color:#914533}.tosaa-home-actions{gap:28px 20px}.tosaa-home-action{color:#242424}.tosaa-home-action>span{position:relative;border:0;background:#ede9df;color:#84513c;box-shadow:0 4px 9px #4e321608}.tosaa-home-action>span:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;right:11px;top:10px;background:currentColor;opacity:.35}.tosaa-home-action[data-home-tone="history"]>span{background:#dcefe6;color:#286651}.tosaa-home-action[data-home-tone="apply"]>span{background:#e0edf7;color:#325e88}.tosaa-home-action[data-home-tone="search"]>span{background:#eae3f4;color:#65508c}.tosaa-home-action[data-home-tone="card"]>span,.tosaa-home-action[data-home-tone="plus"]>span{background:#f7e5da;color:#935039}.tosaa-home-action[data-home-tone="news"]>span{background:#f1ebd5;color:#76642e}.tosaa-home-action:hover>span{filter:brightness(.96)}.tosaa-home-action:focus-visible{outline-color:#242424}.tosaa-home-empty{border-color:#25252535;color:#242424}

/* Fix round 11 Nov 2026 item 111: the Home bar is light frosted glass that stays light over a dark picture, so the dark labels and icons read at least 5:1 wherever Home is scrolled. Was: linear-gradient(155deg,#f1f6f04d,#eaf3ed26) (1.0-2.8:1 over dark pictures). */body[data-shell-page="home"] .tosaa-navigation{background:linear-gradient(155deg,#f1f6f0e0,#eaf3edd1);color:#20392f;border-color:#ffffff75;box-shadow:0 14px 34px #2f49362b,inset 0 1px 0 #ffffff80}body[data-shell-page="home"] .tosaa-navigation .nav-item{color:#365044}body[data-shell-page="home"] .tosaa-navigation .nav-item[aria-current=page]{color:#182d24}body[data-shell-page="home"] .tosaa-navigation .nav-selection{background:#ffffff38}body[data-shell-page="home"] .tosaa-navigation .nav-item:focus-visible{outline-color:#243b30}.tosaa-home .tosaa-ha-empty,.tosaa-home .tosaa-ha-agenda p{color:#435d50}.tosaa-home-card-caption{color:#30493e}.tosaa-home-action{color:#273f33}.tosaa-home-activity{color:#263e32}.tosaa-home .tosaa-ha-empty{background:#edf4ec80}.tosaa-home .tosaa-ha-calendar{background:#edf4ec99;border-color:#fff8}.tosaa-home .tosaa-ha-section li,.tosaa-home .tosaa-ha-section ul{border-color:#536e5c35}

/* Two owner-pinned Home zones: card-tinted atmosphere over one shared pearl feature sheet. */
body[data-shell-page="home"] .shell-root{max-width:none;padding:20px 0 0}.tosaa-home{max-width:none;padding-bottom:0}.tosaa-home-card-area{width:calc(100% - 40px);padding-bottom:22px}.tosaa-home-features,.tosaa-home-locked-help{min-height:44vh;border-radius:36px 36px 0 0;background:linear-gradient(155deg,#f8f4ec 0,#f1f1e9 58%,#e7eee5 100%);padding:30px max(20px,calc((100% - 720px)/2)) 125px;box-shadow:0 -6px 24px #2e324414}.tosaa-home-features .tosaa-home-actions,.tosaa-home-locked-help .tosaa-home-actions{margin-top:0}.tosaa-home-features .tosaa-home-activity{margin-top:36px}.tosaa-home-card-caption{color:#283b35}.tosaa-home-card-caption [data-card-state="suspended"]{color:#672d36}@media(max-width:600px){body[data-shell-page="home"] .shell-root{padding:18px 0 0}.tosaa-home-features,.tosaa-home-locked-help{border-radius:30px 30px 0 0;padding-top:28px}}@media(orientation:landscape) and (max-height:600px){body[data-shell-page="home"] .shell-root{padding-top:10px}.tosaa-home-card-area{padding-bottom:18px}.tosaa-home-features,.tosaa-home-locked-help{padding-top:28px}}

.tosaa-home{display:flex;flex-direction:column;min-height:calc(100dvh - 50px)}.tosaa-home-features,.tosaa-home-locked-help{flex:1}

/* Personal shortcuts remain separate from association services; the sheet keeps its accepted palette. */
.home-feature-panel{max-width:620px;margin:0 auto;scroll-margin-top:100px}.home-feature-heading{display:flex;align-items:center;gap:10px;margin:0 0 22px}.home-feature-heading h2{flex:1;margin:0;font-size:19px;font-weight:650;line-height:1.5;letter-spacing:-.02em}.home-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:0;border-radius:12px;background:transparent;color:#304d40;font:inherit;font-size:12px;font-weight:500;cursor:pointer}.home-tool-button svg{width:19px;height:19px;flex:none}.home-tool-button:hover{background:#315b4010}.home-tool-button:focus-visible,.home-order-buttons button:focus-visible{outline:2px solid #315c45;outline-offset:3px}.home-chevron{width:44px;flex:none;padding:10px;margin-left:-10px}.home-chevron svg{width:23px;height:23px}.home-feature-group+.home-feature-group{margin-top:29px;padding-top:24px;border-top:1px solid #52674d26}.home-feature-group h3{margin:0 0 20px;color:#435d50;font-size:13px;line-height:1.6;font-weight:500}.home-feature-group .tosaa-home-actions{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:stretch;gap:22px 14px}.home-feature-hint{font-size:13px;line-height:1.8;color:#4e6354;margin:0 0 20px}.home-upgrade-action>span{background:#e4e0f2;color:#625389;box-shadow:0 5px 11px #62538918;transform:rotate(-5deg)}.home-upgrade-action>span svg{transform:rotate(5deg)}.home-upgrade-action>span:after{height:3px;width:22px;border-radius:2px;top:auto;bottom:10px;right:16px;opacity:.25}.home-upgrade-action strong{font-weight:600;color:#625389}.home-shortcut-editor{list-style:none;padding:0;margin:0}.home-shortcut-editor li{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #52674d26;min-height:78px}.home-shortcut-editor label{display:flex;align-items:center;gap:10px;flex:1;min-height:54px;font-size:13px;line-height:1.7;cursor:pointer}.home-shortcut-editor input{width:19px;height:19px;flex:none;margin:0;accent-color:#355c46}.home-order-buttons{display:flex;flex:none}.home-order-buttons button{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;border-radius:10px;color:#355c46;cursor:pointer}.home-order-buttons button:disabled{opacity:.25;cursor:default}.home-order-buttons svg{width:19px;height:19px}.home-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.home-editor-footer>div{display:flex;gap:8px}.home-save{background:#355c46;color:#fff;min-width:82px}.home-save:hover{background:#294b37}.home-editor-error{color:#943e3e;font-size:13px;line-height:1.6}.home-editor-error:empty{display:none}.home-renewal-warning{display:flex;gap:12px;margin:14px 0 0;padding:17px 18px;border-radius:18px;background:#fff5e4;color:#6b3b20;box-shadow:0 4px 14px #41231110}.home-renewal-warning>svg{width:23px;height:23px;flex:none;margin-top:3px}.home-renewal-warning strong{font-size:14px;line-height:1.7;display:block;text-wrap:balance}.home-renewal-warning p{font-size:12px;line-height:1.8;margin:5px 0}.home-renewal-warning a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:600;color:inherit;text-underline-offset:4px}
@media(max-width:600px){.home-feature-group .tosaa-home-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.home-feature-heading h2{font-size:17px}.home-feature-heading>.home-tool-button{padding-inline:8px}.home-shortcut-editor label{gap:7px}.home-order-buttons button{width:44px}.home-feature-heading{gap:7px}}
.tosaa-home .home-feature-hint{color:#4e6354;font-size:13px;line-height:1.8}.tosaa-home .home-editor-error{color:#943e3e;font-size:13px}.tosaa-home .home-renewal-warning p{color:#6b3b20;font-size:12px}.tosaa-home .home-feature-heading h2{font-size:19px;margin:0;font-weight:650}@media(max-width:600px){.tosaa-home .home-feature-heading h2{font-size:17px}}

/* Each Home group owns its view-all and favorites controls. */
.home-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.home-category-heading h3{margin:0;flex:1}.home-category-tools{display:flex;align-items:center;gap:2px;flex:none}.home-category-tool{width:44px;height:44px;padding:11px;flex:none}.home-category-tool svg{width:21px;height:21px}.home-category-empty{margin:0;padding:8px 0 4px}.home-feature-panel>.home-feature-heading{margin-bottom:12px}.home-feature-panel[data-home-editor]>.home-feature-heading,.home-feature-panel[data-home-all]>.home-feature-heading{margin-bottom:22px}.home-feature-panel[data-home-all] .home-feature-heading h2,.home-feature-panel[data-home-editor] .home-feature-heading h2{line-height:1.6}.home-favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 16px;padding-top:10px}.home-favorite-grid li{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0;min-height:0;border:0}.home-favorite-grid .home-shortcut-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:107px;margin:0;padding-top:0;flex:1}.home-favorite-grid .home-shortcut-choice>input{position:absolute;z-index:2;top:-5px;left:calc(50% + 13px);width:21px;height:21px;margin:0;accent-color:#355c46;color-scheme:light;cursor:pointer;border-radius:50%}.home-favorite-grid .home-shortcut-choice:has(input:focus-visible){outline:2px solid #315c45;outline-offset:5px;border-radius:10px}.home-favorite-grid .home-shortcut-choice>span{flex:none}.home-favorite-grid .home-shortcut-choice:has(input:checked)>span{box-shadow:0 0 0 2px #355c4633,0 4px 9px #4e321608}.home-favorite-grid .home-shortcut-choice strong{font-size:12px;line-height:1.7;font-weight:400}.home-favorite-grid .home-order-buttons{justify-content:center;gap:0}.home-favorite-grid .home-order-buttons button{width:44px;height:44px}.home-favorite-grid .home-order-buttons button:not(:disabled):hover{background:#315b4010}.home-favorite-grid+.home-editor-error+.home-editor-footer{margin-top:26px}
@media(max-width:600px){.home-favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.home-favorite-grid .home-shortcut-choice strong{font-size:11px}.home-favorite-grid .home-shortcut-choice{min-height:102px}.home-category-heading{margin-bottom:16px}}@media(max-width:350px){.home-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}

/* Unread domain receipts and distinct invitation shortcut palettes. */
.tosaa-home-action[data-home-feature="casting-invitations"]>span{background:#d7e8e8;color:#316f70}/* X0: the project invitations' teal (the actor view's invitations); its orange sat beside "ขอสิทธิ์ผู้สร้างงาน" */
.tosaa-home-action[data-home-feature="project-invitations"]>span{background:#aff2f4;color:#1e686b}
.tosaa-home-action .home-message-count{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:#604445;color:#fff;font:600 11px/1 system-ui;border:2px solid #f5f2ea}.tosaa-home-action[data-home-tone="message"]>span{position:relative;background:#e6dce1;color:#614c59}

/* TOSAA services have feature-owned colors across Home, View all and Customize.
   Owner rule 19 Oct 2026 (~02:30, OWNER-DECISIONS-2026-10-18-TH.md "สีไอคอนบนหน้าโฮม"): within one Home group every icon has its own
   colour, in both views; verify-home-tile-colours.cjs fails when two tiles of a group come too close (see the X0 block below). */
.tosaa-home-action[data-home-feature="directory"]>span{background:#e9def2;color:#6c438a}
.tosaa-home-action[data-home-feature="news"]>span{background:#f4e7c8;color:#836113}
.tosaa-home-action[data-home-feature="app-feedback"]>span{background:#f3dadd;color:#9c4552}
.tosaa-home-action[data-home-feature="guides"]>span{background:#cfe7c2;color:#3c6124}/* final polish P13: a leaf green, 67 degrees of hue from the creator directory's teal (was a blue-green, 41 degrees) */
.tosaa-home-action[data-home-feature="contributions"]>span{background:#d3e9fa;color:#2c6895}
.tosaa-home-action[data-home-feature="finance"]>span{background:#e4e9b5;color:#5b6614}/* owner idea 24 Oct 2026: association finances, an olive gold of its own */
.tosaa-home-action[data-home-feature="votes"]>span{background:#f5c9dd;color:#81385e}/* Owner 7 Nov 2026 (fix round, VOTE-01): votes, a rose of its own (OKLab 0.043 from the nearest TOSAA ground, 0.072 from the nearest ink, 5.37:1; VOTING-SPEC-TH.md 4.1) */
.tosaa-home-action[data-home-feature="report"]>span{background:#e2e6ea;color:#46596b}

/* Each editable shortcut group has six visible Home slots. */
.home-selection-limit{margin:0 0 18px;color:#4e6354;font-size:12px;line-height:1.7}.home-selection-limit p{margin:0}.home-selection-limit [data-home-selected-count]{margin-bottom:3px;color:#304d40}.home-selection-limit strong{font-variant-numeric:tabular-nums;font-weight:650}.home-shortcut-choice:has(input:disabled){cursor:not-allowed}.home-shortcut-choice:has(input:disabled)>span{opacity:.38;filter:grayscale(.7)}.home-shortcut-choice:has(input:disabled)>strong{color:#798176}.home-shortcut-choice input:disabled{cursor:not-allowed}
.tosaa-home .home-selection-limit p:not([data-home-selected-count]){color:#4e6354}

.tosaa-home-action[data-home-feature="affiliation-requests"]>span{background:#f4e3f5;color:#7f4882}

.tosaa-home-action strong .home-label-line{display:block;white-space:nowrap}

.home-label-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Launch notice (owner decisions 16 Oct 2026, Q10–Q14): the app-feedback dialog's dark vocabulary. */
.tosaa-launch-notice{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #555149;border-radius:20px;background:#202024;color:#f3f2ef;font:inherit;line-height:1.7;box-shadow:0 20px 70px #0009;overflow:auto;overscroll-behavior:contain;color-scheme:dark}
.tosaa-launch-notice::backdrop{background:#000b}
.tosaa-launch-notice :focus-visible{outline:2px solid #e8e2d8;outline-offset:3px}
.tosaa-launch-notice h2:focus{outline:none}
.tosaa-launch-notice .launch-art{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.tosaa-launch-notice .launch-body{padding:22px 24px 18px}
.tosaa-launch-notice .launch-kicker{margin:0 0 6px;font-size:13px;color:#cecbc5}
.tosaa-launch-notice h2{margin:0 0 8px;font-size:22px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.tosaa-launch-notice p{margin:0 0 18px;font-size:14px;color:#cecbc5;overflow-wrap:anywhere}
.tosaa-launch-notice .launch-actions{display:grid;grid-template-columns:1fr auto;gap:10px}
.tosaa-launch-notice button{min-height:44px;border-radius:999px;font:inherit;cursor:pointer}
.tosaa-launch-notice .launch-primary{border:0;background:#e8e2d8;color:#202024;font-weight:600;padding:0 20px}
.tosaa-launch-notice .launch-secondary{border:1px solid #6b6760;background:transparent;color:#f3f2ef;padding:0 20px}
.tosaa-launch-notice .launch-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.tosaa-launch-notice .launch-steps{display:flex;gap:8px}
.tosaa-launch-notice .launch-steps button{display:grid;place-items:center;width:44px;padding:0;border:1px solid #6b6760;background:transparent;color:#f3f2ef}
.tosaa-launch-notice .launch-steps svg{width:20px;height:20px}
.tosaa-launch-notice .launch-flip{display:grid;transform:scaleX(-1)}
.tosaa-launch-notice .launch-never{border:0;background:transparent;color:#cecbc5;text-decoration:underline;text-underline-offset:4px;padding:0 4px}
.tosaa-member-qr .member-qr-code{width:min(280px,100%);margin:14px auto 12px;padding:10px;border-radius:14px;background:#fff}
.tosaa-member-qr .member-qr-code svg{display:block;width:100%;height:auto}
.tosaa-member-qr .member-qr-name{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:12px;color:#f3f2ef;text-align:center}
.tosaa-member-qr .member-qr-name .num{color:#cecbc5;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.tosaa-member-qr .member-qr-warn{padding:10px 12px;border:1px solid #c48a4a;border-radius:12px;color:#f3d9b8}
/* New-features block X1: the help a locked Home opens (guides, FAQ, about, contact) in the launch-notice dialog. It is long, so the
   dialog is wider and its close button stays in view. The board's help rows read their lines and muted text from these. */
.tosaa-home-help{width:min(720px,calc(100% - 32px));--ce-line:#ffffff24;--ce-muted:#cecbc5}
.tosaa-home-help .launch-body{padding-bottom:0}
.tosaa-home-help .home-help-content h2{font-size:18px;margin:26px 0 8px}
.tosaa-home-help .home-help-content h3{font-size:15px;font-weight:500;margin:22px 0 6px;color:#f3f2ef}
.tosaa-home-help .home-help-content .ce-help-section{margin:0}
.tosaa-home-help .home-help-content summary{min-height:48px;padding:12px 4px;font-size:15px;line-height:1.6;cursor:pointer}
.tosaa-home-help .home-help-content p,.tosaa-home-help .home-help-content li{margin:0 0 8px;font-size:14px;line-height:1.75;color:#cecbc5}
.tosaa-home-help .home-help-content ul{margin:0 0 10px;padding-left:1.25em}
.tosaa-home-help .launch-actions{position:sticky;bottom:0;padding:12px 0 18px;background:#202024}

/* Owner instruction 17 Oct 2026: fix overlapping buttons and small tap targets. No-card Home application link: 44px hit area, card layout unchanged. */
.tosaa-home-empty a{display:flex;align-items:center;min-height:44px;margin-block:-12px}

/* Plan step 5: the pay button in the suspension band keeps its filled look (the band's own link rule would recolour it). */
.home-renewal-warning a.home-save{color:#fff;font-weight:500;text-decoration:none}
/* B-46 (owner FIX-LIST 31 Oct 2026): the bold title of each Home dues/suspension band is a block with balanced lines (rule above), so 320 px English
   reads "Your access is suspended / because your annual / dues are overdue." Was: inline strong, "overdue." alone on the last line. */

/* New-features block X4: the model contract has its own colour in the TOSAA group, and its dialog on Home. Owner 22 Oct 2026: it is in
   both views, so it now sits beside the creator view's board (amber); a terracotta keeps them apart (was #f5e1cc/#8b4b16, 0.018 from the board). */
.tosaa-home-action[data-home-feature="model-contract"]>span{background:#f9d6c3;color:#a1401a}.tosaa-home-action[data-home-feature="creator-directory"]>span{background:#c8e4e6;color:#206669}/* X5: teal, no other TOSAA tile uses it; the guides are a leaf green, clearly apart from it (final polish P13) */
/* Model documents page (owner 22 Oct 2026, from the owner-approved mock; was the X4 model contract dialog): a full-screen sheet over
   Home, on the app's dark base, a little more formal (a serif for titles, paper sheets, brass numerals), clean and not government. */
.tosaa-model-docs{--md-bg:#faf7f1;--md-head:#f5efe3;--md-surface:#fffefb;--md-surface-2:#f1ece3;--md-ink:#221d16;--md-ink-2:#4a4237;--md-muted:#6e6556;--md-line:#3a2f1f1f;--md-line-strong:#3a2f1f3d;--md-accent:#3f5636;--md-accent-ink:#ffffff;--md-accent-soft:#3f563614;--md-seal:#8a6a2a;--md-paper:#ffffff;--md-paper-2:#ebe6dc;--md-paper-ink:#2a2d31;--md-rule:#2a2d3126;--md-shadow:0 1px 0 #3a2f1f14,0 8px 20px #3a2f1f1f;--md-focus:#2f5fa8;
 --md-serif:"Noto Serif Thai","Noto Serif SC","Songti SC",Georgia,serif;--md-gl:max(16px,env(safe-area-inset-left,0px));--md-gr:max(16px,env(safe-area-inset-right,0px));--md-sb:env(safe-area-inset-bottom,0px);
 box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--md-bg);color:var(--md-ink);font:inherit;font-size:15px;line-height:1.55;overflow:hidden;color-scheme:light}
.tosaa-model-docs::backdrop{background:var(--md-bg)}
.tosaa-model-docs *{box-sizing:border-box}
.tosaa-model-docs button{font:inherit;color:inherit}
.tosaa-model-docs :focus-visible{outline:2px solid var(--md-focus);outline-offset:2px;border-radius:3px}
.tosaa-model-docs h2:focus,.tosaa-model-docs h3:focus{outline:none}
.tosaa-model-docs [hidden]{display:none!important}
.tosaa-model-docs svg{display:block}
.tosaa-model-docs .md-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tosaa-model-docs .md-page{height:100%;overflow:auto;overscroll-behavior:contain;padding:0 var(--md-gr) calc(112px + var(--md-sb)) var(--md-gl)}
.tosaa-model-docs .md-page>*{max-width:1180px;margin-left:auto;margin-right:auto}
.tosaa-model-docs .md-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;height:56px;background:var(--md-head);border-bottom:1px solid var(--md-line);margin:0 calc(-1 * var(--md-gr)) 0 calc(-1 * var(--md-gl));padding:0 var(--md-gr) 0 var(--md-gl);max-width:none}
.tosaa-model-docs .md-icon{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:transparent;cursor:pointer}
.tosaa-model-docs .md-icon:hover{background:var(--md-surface-2)}
.tosaa-model-docs .md-crumb{flex:1;min-width:0;font-size:13px;color:var(--md-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tosaa-model-docs .md-crumb b{color:var(--md-ink-2);font-weight:600}
.tosaa-model-docs .md-mast{display:grid;gap:12px;padding:18px 0 8px}
.tosaa-model-docs .md-kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;letter-spacing:.08em;color:var(--md-muted)}
.tosaa-model-docs .md-kicker::after{content:"";flex:1;height:1px;background:var(--md-line)}
.tosaa-model-docs .md-mast h2{margin:0;font-family:var(--md-serif);font-weight:700;font-size:clamp(30px,8vw,44px);line-height:1.15}
.tosaa-model-docs .md-lede{margin:0;max-width:56ch;color:var(--md-ink-2)}
.tosaa-model-docs .md-sechead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:26px 0 4px}
.tosaa-model-docs .md-sechead h3{margin:0;font-family:var(--md-serif);font-weight:600;font-size:21px;line-height:1.3}
.tosaa-model-docs .md-count{font-size:13px;color:var(--md-muted);font-variant-numeric:tabular-nums}
.tosaa-model-docs .md-spacer{flex:1}
.tosaa-model-docs .md-secsub{margin:0 0 14px;font-size:13px;color:var(--md-muted)}
.tosaa-model-docs .md-empty{margin:24px 0;padding:14px 16px;border:1px dashed var(--md-line-strong);border-radius:4px;color:var(--md-ink-2);list-style:none}
.tosaa-model-docs .md-fine{margin:4px 0 0;font-size:12.5px;color:var(--md-muted)}
.tosaa-model-docs .md-foot{margin-top:28px;padding-top:14px;border-top:1px solid var(--md-line)}
/* featured row: swipe on a phone, two side by side on a tablet, three on a wide screen */
.tosaa-model-docs .md-feat{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% - 44px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--md-gl);margin:0 calc(-1 * var(--md-gr)) 0 calc(-1 * var(--md-gl));padding:4px var(--md-gr) 10px var(--md-gl);scrollbar-width:none;overscroll-behavior-x:contain}
.tosaa-model-docs .md-feat::-webkit-scrollbar{display:none}
.tosaa-model-docs .md-fcard{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;scroll-snap-align:start;background:var(--md-surface);border:1px solid var(--md-line);border-radius:4px;cursor:pointer}
.tosaa-model-docs .md-fcard:hover{border-color:var(--md-line-strong)}
.tosaa-model-docs .md-desk{position:relative;display:block;height:176px;overflow:hidden;background:var(--md-surface-2);border-bottom:1px solid var(--md-line);border-radius:4px 4px 0 0}
.tosaa-model-docs .md-num{position:absolute;left:16px;top:12px;font-family:var(--md-serif);font-size:30px;font-weight:600;line-height:1;color:var(--md-seal)}
.tosaa-model-docs .md-ftype{position:absolute;left:16px;bottom:14px;display:grid;gap:2px;font-size:11px;letter-spacing:.06em;color:var(--md-muted)}
.tosaa-model-docs .md-ftype b{font-size:12px;font-weight:600;color:var(--md-ink-2)}
.tosaa-model-docs .md-sheets{position:absolute;right:22px;top:22px;width:138px;height:196px}
.tosaa-model-docs .md-s,.tosaa-model-docs .md-sheet{position:absolute;inset:0;border-radius:2px;box-shadow:var(--md-shadow)}
.tosaa-model-docs .md-s{background:var(--md-paper-2)}.tosaa-model-docs .md-s1{transform:translate(10px,8px) rotate(2.2deg)}.tosaa-model-docs .md-s2{transform:translate(5px,4px) rotate(1deg)}
.tosaa-model-docs .md-sheet{display:block;overflow:hidden;padding:14px 13px;background:var(--md-paper);color:var(--md-paper-ink)}
.tosaa-model-docs .md-sheet .md-lh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--md-paper-ink);font-size:6.5px;letter-spacing:.08em}
.tosaa-model-docs .md-sheet .md-lh i{display:block;width:10px;height:10px;border:1px solid var(--md-paper-ink);border-radius:50%}
.tosaa-model-docs .md-st{display:block;margin-bottom:7px;font-family:var(--md-serif);font-weight:700;font-size:9.5px;line-height:1.3}
.tosaa-model-docs .md-ln{display:block;height:3px;margin:5px 0;border-radius:1px;background:var(--md-rule)}
.tosaa-model-docs .md-sheet .md-cl{display:block;margin-top:7px;font-family:var(--md-serif);font-size:6.5px;font-weight:700}
.tosaa-model-docs .md-fbody{display:grid;align-content:start;gap:6px;padding:14px 16px 62px}
.tosaa-model-docs .md-cat{font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--md-accent)}
.tosaa-model-docs .md-fcard h4{margin:0;font-family:var(--md-serif);font-size:19px;font-weight:600;line-height:1.35}
.tosaa-model-docs .md-fopen{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0;border:0;background:none;text-align:left;font:inherit;cursor:pointer}
.tosaa-model-docs .md-fopen::after{content:"";position:absolute;inset:0}/* the whole card opens the document */
.tosaa-model-docs .md-use{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;font-size:13.5px;line-height:1.5;color:var(--md-ink-2)}
.tosaa-model-docs .md-meta{display:flex;flex-wrap:wrap;gap:0 10px;padding-right:44px;font-size:12px;color:var(--md-muted);font-variant-numeric:tabular-nums}
.tosaa-model-docs .md-meta span{white-space:nowrap}.tosaa-model-docs .md-meta span+span::before{content:"·";margin-right:10px;opacity:.7}
.tosaa-model-docs .md-dl{position:absolute;right:10px;bottom:10px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--md-line-strong);border-radius:50%;background:var(--md-surface);cursor:pointer}
.tosaa-model-docs .md-dl:hover{background:var(--md-accent);border-color:var(--md-accent);color:var(--md-accent-ink)}
.tosaa-model-docs .md-dl:disabled{opacity:.35;pointer-events:none}
.tosaa-model-docs .md-feat-foot{display:flex;align-items:center;gap:10px;margin-top:4px}
.tosaa-model-docs .md-dots{display:flex;gap:6px}
.tosaa-model-docs .md-dots i{width:18px;height:2px;border-radius:2px;background:var(--md-line-strong);transition:background .2s,width .2s}
.tosaa-model-docs .md-dots i.on{width:28px;background:var(--md-ink)}
.tosaa-model-docs .md-pos{font-size:12px;color:var(--md-muted);font-variant-numeric:tabular-nums}
.tosaa-model-docs .md-step{display:none;width:40px;height:40px;border:1px solid var(--md-line)}
.tosaa-model-docs .md-next svg{transform:scaleX(-1)}
@media (hover:hover) and (pointer:fine){.tosaa-model-docs .md-step{display:inline-grid}.tosaa-model-docs .md-feat-foot{padding-right:76px}}
/* all documents */
.tosaa-model-docs .md-textbtn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border:1px solid var(--md-line-strong);border-radius:999px;background:transparent;font-size:13.5px;white-space:nowrap;cursor:pointer}
.tosaa-model-docs .md-textbtn:hover{background:var(--md-surface-2)}
.tosaa-model-docs .md-textbtn[aria-pressed=true]{background:var(--md-ink);border-color:var(--md-ink);color:var(--md-bg)}
.tosaa-model-docs .md-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--md-gr)) 10px calc(-1 * var(--md-gl));padding:2px var(--md-gr) 4px var(--md-gl)}
.tosaa-model-docs .md-chips::-webkit-scrollbar{display:none}
.tosaa-model-docs .md-chip{flex:none;min-height:36px;padding:6px 11px;border:1px solid var(--md-line);border-radius:3px;background:transparent;font-size:13px;color:var(--md-ink-2);white-space:nowrap;cursor:pointer}
.tosaa-model-docs .md-chip .md-n{margin-left:6px;color:var(--md-muted);font-variant-numeric:tabular-nums}
.tosaa-model-docs .md-chip[aria-pressed=true]{border-color:var(--md-ink);background:var(--md-surface-2);color:var(--md-ink)}
.tosaa-model-docs .md-selhint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:13px;color:var(--md-accent)}
.tosaa-model-docs .md-link{padding:6px 0;border:0;background:transparent;font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer}
.tosaa-model-docs .md-list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--md-line)}
.tosaa-model-docs .md-row{position:relative;border-bottom:1px solid var(--md-line)}
.tosaa-model-docs .md-open{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:14px;width:100%;padding:14px 52px 14px 0;border:0;background:transparent;text-align:left;cursor:pointer}
.tosaa-model-docs .md-open:hover .md-rt{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tosaa-model-docs .md-thumb{position:relative;flex:none;width:46px;height:60px;margin-top:2px;overflow:hidden;border-radius:2px;background:var(--md-paper);box-shadow:0 1px 0 #0000004d}
.tosaa-model-docs .md-thumb::before{content:"";position:absolute;left:7px;right:7px;top:9px;height:28px;background:repeating-linear-gradient(var(--md-rule) 0 2px,transparent 2px 6px)}
.tosaa-model-docs .md-thumb::after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent var(--md-bg) var(--md-paper-2) transparent}
.tosaa-model-docs .md-thumb b{position:absolute;left:0;right:0;bottom:0;padding:2px 0;background:#2b5797;color:var(--md-paper);font-size:8.5px;font-weight:600;letter-spacing:.06em;text-align:center}
.tosaa-model-docs .md-rbody{display:grid;gap:3px;min-width:0}
.tosaa-model-docs .md-rt{font-family:var(--md-serif);font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.tosaa-model-docs .md-tag{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid currentColor;border-radius:2px;font-family:system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.03em;color:var(--md-seal);vertical-align:2px}
.tosaa-model-docs .md-row .md-meta{padding-right:0}
.tosaa-model-docs .md-row .md-dl{right:0;bottom:12px;width:42px;height:42px}
.tosaa-model-docs .md-check{display:none;place-items:center;width:24px;height:24px;margin-top:18px;border:1.5px solid var(--md-line-strong);border-radius:3px;background:var(--md-surface)}
.tosaa-model-docs .md-check svg{opacity:0}
.tosaa-model-docs.md-selecting .md-open{grid-template-columns:auto auto 1fr;padding-right:0}
.tosaa-model-docs.md-selecting .md-check{display:grid}
.tosaa-model-docs.md-selecting .md-row .md-dl{display:none}
.tosaa-model-docs .md-row.sel{background:var(--md-accent-soft)}
.tosaa-model-docs .md-row.sel .md-check{background:var(--md-accent);border-color:var(--md-accent);color:var(--md-accent-ink)}
.tosaa-model-docs .md-row.sel .md-check svg{opacity:1}
@media (min-width:760px){
 .tosaa-model-docs .md-feat{grid-auto-columns:calc((100% - 14px)/2)}
 .tosaa-model-docs .md-list{grid-template-columns:1fr 1fr;column-gap:32px;border-top:0;border-bottom:1px solid var(--md-line)}
 .tosaa-model-docs .md-row{border-top:1px solid var(--md-line);border-bottom:0}
}
@media (min-width:1100px){
 .tosaa-model-docs .md-feat{grid-auto-columns:calc((100% - 28px)/3);margin:0;padding:4px 0 10px}
 .tosaa-model-docs .md-feat-foot{display:none}
 .tosaa-model-docs .md-list{grid-template-columns:1fr 1fr 1fr}
}
/* floating search, the select bar and the toast keep clear of the phone's home indicator */
.tosaa-model-docs .md-fab{position:fixed;right:calc(var(--md-gr) + 4px);bottom:calc(20px + var(--md-sb));z-index:30;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;background:var(--md-ink);color:var(--md-bg);box-shadow:0 6px 18px #16191c40;cursor:pointer;transition:transform .2s,opacity .2s}
.tosaa-model-docs.md-selecting .md-fab{opacity:0;pointer-events:none;transform:translateY(12px)}
.tosaa-model-docs .md-selbar{position:fixed;left:0;right:0;bottom:0;z-index:31;padding:12px var(--md-gr) calc(12px + var(--md-sb)) var(--md-gl);background:var(--md-surface);border-top:1px solid var(--md-line-strong)}
.tosaa-model-docs .md-selinner{display:flex;align-items:center;gap:10px;max-width:1180px;margin:0 auto}
.tosaa-model-docs .md-cnt{flex:1;min-width:0;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tosaa-model-docs .md-cnt small{display:block;font-size:12px;font-weight:400;color:var(--md-muted)}
.tosaa-model-docs .md-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:0;border-radius:4px;background:var(--md-accent);color:var(--md-accent-ink);font-weight:600;white-space:nowrap;cursor:pointer}
.tosaa-model-docs .md-primary:disabled{opacity:.4;cursor:default}
.tosaa-model-docs .md-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--md-line-strong);border-radius:4px;background:transparent;white-space:nowrap;cursor:pointer}
.tosaa-model-docs .md-toast{position:fixed;left:50%;bottom:calc(92px + var(--md-sb));z-index:80;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:10px 16px;border-radius:4px;background:var(--md-ink);color:var(--md-bg);font-size:14px;box-shadow:0 8px 24px #0000004d;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .2s,transform .2s}
.tosaa-model-docs .md-toast.show{opacity:1;transform:translate(-50%,0)}
.tosaa-model-docs .md-toast.lifted{bottom:calc(96px + var(--md-sb))}
/* detail and search sit over the page inside the sheet */
.tosaa-model-docs .md-overlay{position:fixed;inset:0;z-index:50;background:#16191c80}
.tosaa-model-docs .md-panel{position:absolute;overflow:auto;overscroll-behavior:contain;background:var(--md-bg)}
.tosaa-model-docs .md-detail .md-panel{inset:0;padding:0 var(--md-gr) calc(110px + var(--md-sb)) var(--md-gl)}
.tosaa-model-docs .md-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;height:56px;margin:0 calc(-1 * var(--md-gr)) 0 calc(-1 * var(--md-gl));padding:0 var(--md-gr) 0 var(--md-gl);background:var(--md-head);border-bottom:1px solid var(--md-line)}
.tosaa-model-docs .md-t{flex:1;min-width:0;font-size:13px;color:var(--md-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tosaa-model-docs .md-dgrid{display:grid;gap:22px;padding-top:18px}
.tosaa-model-docs .md-dhead{display:grid;gap:8px}
.tosaa-model-docs .md-dhead h3{margin:0;font-family:var(--md-serif);font-size:clamp(24px,6.4vw,32px);font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.tosaa-model-docs .md-seal{color:var(--md-seal)}
.tosaa-model-docs .md-when{margin:4px 0 0;padding:2px 0 2px 14px;border-left:2px solid var(--md-seal)}
.tosaa-model-docs .md-when b{display:block;margin-bottom:2px;font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--md-muted)}
.tosaa-model-docs .md-when p{margin:0;color:var(--md-ink-2)}
.tosaa-model-docs .md-pv{padding:14px 0 12px;background:var(--md-surface);border:1px solid var(--md-line);border-radius:4px}
.tosaa-model-docs .md-pv-head{display:flex;align-items:center;gap:8px;padding:0 14px 10px;font-size:13px;color:var(--md-muted)}
.tosaa-model-docs .md-pv-head b{flex:1;font-size:14px;font-weight:600;color:var(--md-ink)}
.tosaa-model-docs .md-pages{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 14px 14px;scrollbar-width:thin}
.tosaa-model-docs .md-a4{position:relative;display:block;aspect-ratio:210/297;overflow:hidden;padding:9% 9% 7%;scroll-snap-align:center;border-radius:2px;background:var(--md-paper);color:var(--md-paper-ink);box-shadow:var(--md-shadow);font-size:clamp(7px,2.3vw,10.5px);line-height:1.6}
.tosaa-model-docs .md-a4 .md-lh{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4em;padding-bottom:.6em;border-bottom:1.5px solid var(--md-paper-ink);font-size:.85em;letter-spacing:.08em}
.tosaa-model-docs .md-a4 .md-lh i{display:grid;place-items:center;width:2.2em;height:2.2em;border:1px solid var(--md-paper-ink);border-radius:50%;font-style:normal;font-family:var(--md-serif);font-weight:700;font-size:.9em}
.tosaa-model-docs .md-ph{display:block;margin:0 0 .3em;font-family:var(--md-serif);font-size:1.45em;line-height:1.35}
.tosaa-model-docs .md-sub{display:block;margin:0 0 1.2em;color:#5b5f63}
.tosaa-model-docs .md-a4 .md-cl{display:block;margin:1em 0 .3em;font-family:var(--md-serif);font-weight:700}
.tosaa-model-docs .md-a4 .md-ln{height:.45em;margin:.55em 0}
.tosaa-model-docs .md-fill{display:inline-block;min-width:8em;border-bottom:1px dotted #2a2d3199}.tosaa-model-docs .md-fill-s{min-width:5em}
.tosaa-model-docs .md-pno{position:absolute;bottom:3.5%;right:9%;font-size:.85em;color:#6b6f73}
.tosaa-model-docs .md-pv-note{margin:0;padding:0 14px;font-size:12.5px;color:var(--md-muted)}
.tosaa-model-docs button.md-a4{width:100%;margin:0;border:0;font-family:inherit;text-align:left;cursor:zoom-in}
.tosaa-model-docs button.md-a4>span{display:block}
.tosaa-model-docs button.md-a4:hover{box-shadow:0 0 0 2px var(--md-accent),var(--md-shadow)}
.tosaa-model-docs .md-readall{margin:0 14px 10px}
/* Page reader (owner 22 Oct 2026): white A4 sheets down a cream backdrop, the title bar in the header cream. */
.tosaa-model-docs .md-reader{z-index:60}
.tosaa-model-docs .md-reader .md-panel{inset:0;padding:0 var(--md-gr) calc(28px + var(--md-sb)) var(--md-gl);background:#ebe4d8}
.tosaa-model-docs .md-rbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;min-height:60px;margin:0 calc(-1 * var(--md-gr)) 0 calc(-1 * var(--md-gl));padding:6px var(--md-gr) 6px var(--md-gl);background:var(--md-head);border-bottom:1px solid var(--md-line)}
.tosaa-model-docs .md-rhead{flex:1;min-width:0;display:grid}
.tosaa-model-docs .md-rhead h2{margin:0;font-family:var(--md-serif);font-size:15px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tosaa-model-docs .md-rcount{font-size:12.5px;color:var(--md-muted);font-variant-numeric:tabular-nums}
.tosaa-model-docs .md-rdl{flex:none;padding:8px 12px}
.tosaa-model-docs .md-rnote,.tosaa-model-docs .md-rfine{max-width:720px;margin:12px auto 0;font-size:12.5px;color:var(--md-ink-2);text-align:center}
.tosaa-model-docs .md-rfine{margin-top:4px;color:var(--md-muted)}
.tosaa-model-docs .md-rpages{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;padding:14px 0 18px}
.tosaa-model-docs .md-rp{position:relative;box-sizing:border-box;width:100%;min-width:0;max-width:720px;aspect-ratio:210/297;padding:26px 20px 40px;border-radius:2px;background:var(--md-paper);color:var(--md-paper-ink);box-shadow:0 1px 2px #3a2f1f26,0 6px 18px #3a2f1f1a;font-size:14px;line-height:1.7}
.tosaa-model-docs .md-rbody{position:relative}
.tosaa-model-docs .md-rbody p{margin:0 0 .7em;text-indent:2em;overflow-wrap:anywhere}
.tosaa-model-docs .md-rbody h4{margin:1.1em 0 .4em;font-family:var(--md-serif);font-size:1em;font-weight:700}
.tosaa-model-docs .md-rlh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.2em;padding-bottom:.6em;border-bottom:1.5px solid var(--md-paper-ink)}
.tosaa-model-docs .md-rlh span{display:grid;font-size:.86em;letter-spacing:.04em}
.tosaa-model-docs .md-rlh small{font-size:.86em;color:#5b5f63}
.tosaa-model-docs .md-rlh i{flex:none;display:grid;place-items:center;width:2.4em;height:2.4em;border:1px solid var(--md-paper-ink);border-radius:50%;font-style:normal;font-family:var(--md-serif);font-weight:700}
.tosaa-model-docs .md-rlh-s{border-bottom-width:1px;color:#5b5f63}
.tosaa-model-docs .md-rlh-s span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82em}
.tosaa-model-docs .md-rtitle{margin:0 0 .2em;font-family:var(--md-serif);font-size:1.4em;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.tosaa-model-docs .md-rbody .md-rth{margin:0 0 .3em;text-indent:0;text-align:center;color:#5b5f63}
.tosaa-model-docs .md-rbody .md-rmade{margin:.4em 0 1.2em;text-indent:0;text-align:right;color:#5b5f63}
.tosaa-model-docs .md-sign{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.6em 2em;margin-top:2.2em}
.tosaa-model-docs .md-sg{display:grid;gap:.6em;justify-items:center;text-align:center}
.tosaa-model-docs .md-sg span{display:flex;align-items:flex-end;gap:.4em;white-space:nowrap}
.tosaa-model-docs .md-sline{display:inline-block;width:9em;border-bottom:1px dotted #2a2d31b3}
.tosaa-model-docs .md-rpno{position:absolute;right:20px;bottom:14px;font-size:12px;color:#6b6f73;font-variant-numeric:tabular-nums}
@media (min-width:600px){.tosaa-model-docs .md-rp{padding:56px 56px 52px;font-size:15px}.tosaa-model-docs .md-rpno{right:56px;bottom:22px}}
@media (min-width:900px){.tosaa-model-docs .md-reader .md-panel{inset:24px;max-width:860px;margin:0 auto;border:1px solid var(--md-line-strong);border-radius:6px}.tosaa-model-docs .md-rp{padding:64px 68px 56px}}
.tosaa-model-docs .md-mtable{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.tosaa-model-docs .md-mtable th{width:38%;padding:9px 12px 9px 0;border-top:1px solid var(--md-line);text-align:left;font-weight:400;color:var(--md-muted);vertical-align:top}
.tosaa-model-docs .md-mtable td{padding:9px 0;border-top:1px solid var(--md-line)}
.tosaa-model-docs .md-mtable tr:last-child>*{border-bottom:1px solid var(--md-line)}
.tosaa-model-docs .md-ft{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tosaa-model-docs .md-ft+.md-ft{margin-top:6px}
.tosaa-model-docs .md-ft i{padding:1px 5px;border-radius:2px;background:#2b5797;color:#fff;font-style:normal;font-size:10.5px;font-weight:600}
.tosaa-model-docs .md-ft i.pdf{background:#8c2f2f}
.tosaa-model-docs .md-dl-area{display:none;gap:10px;margin-top:18px}
.tosaa-model-docs .md-dl-area .md-primary{padding:14px 16px;font-size:15px}
.tosaa-model-docs .md-dside>.md-fine{margin-top:14px}
.tosaa-model-docs .md-dbar{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;gap:10px;padding:12px var(--md-gr) calc(12px + var(--md-sb)) var(--md-gl);background:var(--md-surface);border-top:1px solid var(--md-line-strong)}
.tosaa-model-docs .md-dbar .md-primary{flex:1}
@media (min-width:900px){
 .tosaa-model-docs .md-detail .md-panel{inset:32px;max-width:1080px;margin:0 auto;padding-bottom:28px;border:1px solid var(--md-line-strong);border-radius:6px}
 .tosaa-model-docs .md-dgrid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}
 .tosaa-model-docs .md-pv{grid-row:1/3;grid-column:1}
 .tosaa-model-docs .md-pages{grid-auto-columns:88%}
 .tosaa-model-docs .md-a4{font-size:11px}
 .tosaa-model-docs .md-dbar{display:none}
 .tosaa-model-docs .md-dl-area{display:grid}
}
.tosaa-model-docs .md-search .md-panel{left:0;right:0;top:0;max-height:min(86dvh,720px);padding:0 var(--md-gr) 18px var(--md-gl);border-bottom:1px solid var(--md-line-strong);border-radius:0 0 8px 8px}
.tosaa-model-docs .md-sinner{max-width:760px;margin:0 auto}
.tosaa-model-docs .md-sfield{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;height:64px;background:var(--md-bg)}
.tosaa-model-docs .md-box{flex:1;display:flex;align-items:center;gap:10px;min-width:0;height:46px;padding:0 12px;border:1px solid var(--md-line-strong);border-radius:4px;background:var(--md-surface)}
.tosaa-model-docs .md-box:focus-within{border-color:var(--md-ink)}
.tosaa-model-docs .md-box input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--md-ink);font:inherit;font-size:16px;outline:none}
.tosaa-model-docs .md-box input::placeholder{color:var(--md-muted)}
.tosaa-model-docs .md-slabel{margin:10px 0 8px;font-size:12px;letter-spacing:.06em;color:var(--md-muted)}
.tosaa-model-docs .md-sugg{display:flex;flex-wrap:wrap;gap:6px}
.tosaa-model-docs .md-sres{margin:0;padding:0;list-style:none;border-top:1px solid var(--md-line)}
.tosaa-model-docs .md-sres li{border-bottom:1px solid var(--md-line)}
.tosaa-model-docs .md-sres button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:100%;padding:10px 0;border:0;background:transparent;text-align:left;cursor:pointer}
.tosaa-model-docs .md-sres .md-thumb{width:34px;height:44px;margin:0}
.tosaa-model-docs .md-sres .md-thumb::before{top:6px;left:5px;right:5px;height:18px}
.tosaa-model-docs .md-sres .md-thumb b{font-size:6.5px}
.tosaa-model-docs .md-sres .md-rt{font-size:15px}
.tosaa-model-docs .md-sres mark{padding:0 1px;background:var(--md-accent-soft);color:var(--md-ink);border-bottom:1px solid var(--md-accent)}
@media (prefers-reduced-motion:reduce){.tosaa-model-docs *,.tosaa-model-docs *::before,.tosaa-model-docs *::after{transition:none!important;scroll-behavior:auto!important}}
/* New-features block X0 (owner rule 19 Oct 2026 ~02:30, permanent): one icon, one colour within each Home group, both views,
   including the optional tiles of "จัดเมนู" and the Home highlights' editor. Tiles that used to fall back to the same beige, or sat
   next to a near twin, own a colour here; a tile keeps its colour on Home, "ดูทั้งหมด" and "จัดเมนู". Pastel ground, ink of the same
   hue, 4.5:1 or more. A tile of one view may share a colour with a tile that only the other view has: "ขอสิทธิ์ผู้สร้างงาน" and
   "เพิ่มบทบาท / อัปเกรดเป็นผู้ประกอบวิชาชีพ" (coral), the two invitation tiles (teal), "ภารกิจของฉัน" and "งานของฉัน" (amber).
   A new tile needs its own colour here; design/shared-navigation/verify-home-tile-colours.cjs checks every group. */
.tosaa-home-action[data-home-feature="quest-statistics"]>span{background:#dae6ce;color:#4c682e}
.tosaa-home-action[data-home-feature="my-events"]>span{background:#f6d7d8;color:#94434c}.tosaa-home-action[data-home-feature="featured-events"]>span{background:#f4c9f7;color:#712277}
.tosaa-home-action[data-home-feature="my-missions"]>span{background:#efddc3;color:#875216}.tosaa-home-action[data-home-feature="my-projects"]>span{background:#b1f4af;color:#18741e}
.tosaa-home-action[data-home-feature="saved-actors"]>span{background:#d4dbf0;color:#42508c}
.tosaa-home-action[data-home-feature="featured-casting"]>span{background:#cae3ea;color:#146272}.tosaa-home-action[data-home-feature="saved-casting"]>span{background:#f4afee;color:#77226f}
.tosaa-home-action[data-home-feature="member-qr"]>span{background:#d7d9dc;color:#414853}
.tosaa-home-action[data-home-feature="roles"]>span{background:#f7e5da;color:#935039}.home-upgrade-action[data-home-feature="roles"]>span{box-shadow:0 5px 11px #93503918}.home-upgrade-action[data-home-feature="roles"] strong{color:#935039}
/* New-features block X0b (owner 19 Oct 2026 ~02:40 and ~03:05, OWNER-DECISIONS-2026-10-18-TH.md "แถวไอคอนบนจอกว้าง"): a group holds
   at most 6 icons; a phone in portrait shows 3 + 3, and a rotated phone, a tablet and a rotated tablet show the 6 in one row — never
   4 columns (4 + 2 looked ragged). "ดูทั้งหมด" and "จัดเมนู" use the same columns. The columns are fixed, so a group with fewer icons
   keeps the icon width, and a long name wraps to two lines instead of being cut. Was: 4 columns above 600 px.
   verify-home-tile-rows.cjs checks 390×844, 844×390, 768×1024, 1024×768 and 1280×800. */
.tosaa-home-actions,.home-feature-group .tosaa-home-actions,.home-favorite-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:600px) and (orientation:portrait){.tosaa-home-actions,.home-feature-group .tosaa-home-actions,.home-favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:350px) and (orientation:portrait){.home-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Final polish P12 (FINAL-POLISH.md): below about 560 px wide in landscape (540×320) a group shows 3 across again, as before the 6-column
   rule: six columns there were too narrow for two 44 px order buttons and labels went to 3 lines. From 560 px up the 6 columns stay. */
@media(max-width:559px) and (orientation:landscape){.tosaa-home-actions,.home-feature-group .tosaa-home-actions,.home-favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Review fix X0b (independent review of cluster X, 19 Oct 2026): on a narrow rotated phone (about 568–659 px wide) one of the 6 columns
   of "จัดเมนู" is narrower than its two 44 px order buttons, which then shrank to 39–43 px. They keep 44 × 44 (owner 17 Oct: no small tap
   targets) and reach a few pixels past the icon's column into the gap, centred; verify-home-tile-rows.cjs checks 602×360, 640×360 and
   667×375 and that they never meet a neighbour's buttons. Was: the buttons shrank with the column. */
.home-favorite-grid .home-order-buttons button{flex:none}
/* Owner rule, repeated 23 Oct 2026 night: no two Home icons share a colour. These had none of their own (or shared one) and fell back to the same colour. */
.tosaa-home-action[data-home-feature="payments"]>span{background:#f4f4af;color:#706f1b}.tosaa-home-action[data-home-feature="applications"]>span{background:#afc0f4;color:#223777}.tosaa-home-action[data-home-feature="status-upgrade"]>span{background:#aff4dd;color:#107451}.tosaa-home-action[data-home-feature="status-downgrade"]>span{background:#f4b8af;color:#772d22}
.tosaa-home-action[data-home-feature="association-messages"]>span{background:#c6aff4;color:#3e2277}.tosaa-home-action[data-home-feature="other-role"]>span{background:#d1f4af;color:#487220}.tosaa-home-action[data-home-feature="featured-news"]>span{background:#f4afbf;color:#772236}
/* Owner 23 Oct 2026 night (Nudity Rider page 2): the one-line running header of pages 2 on could not shrink, so a long title widened the page body past the paper. It shrinks and ends with …; the body never grows past the page. */
.tosaa-model-docs .md-rlh-s span{min-width:0;flex:1 1 auto}.tosaa-model-docs .md-rbody{min-width:0;grid-template-columns:minmax(0,1fr)}.tosaa-model-docs .md-rp>*{min-width:0;max-width:100%}
/* Owner 23 Oct 2026 night: the ใบสมัครและคำขอ panel (applications + requests that may be started). */.home-requests h3{margin:18px 0 10px;font-size:14px;font-weight:600}.home-requests .home-requests-mine{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px;border:1px solid #ffffff26;border-radius:12px;color:inherit;text-decoration:none}.home-requests .home-requests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 8px}
/* Owner 29 Oct 2026 ("สีไอคอนก็ลองปรับเปลี่ยนดู"): icons below 4.5:1 on their tiles get the nearest colour that reaches it and stays apart from
   the other icons: ประวัติชำระเงิน #706f1b (4.6), คำเชิญร่วมโปรเจกต์ #1e686b (5.2), โปรเจกต์ของฉัน #18741e (4.6), อัปเกรดสถานะ #107451 (4.6),
   ขอสิทธิ์ผู้สร้างงาน #487220. Was: #777722 (4.1), #227477 (4.4), #257722 (4.4), #22775b (4.4), #4c7722 (4.4). */
/* Owner 31 Oct 2026 (B-31 option A): ใบสมัครและคำขอ panel - new requests are rows like "ใบสมัครและคำขอของฉัน" on the dark panel (no cream Home sheet), closed by a cross at the top right. Was: tiles on .tosaa-home-features (cream, min-height 44vh, padding-bottom 125px) and a small "ปิด" pill. */.home-requests .launch-body{position:relative}.home-requests h2{padding-right:52px}.tosaa-launch-notice .launch-x{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #6b6760;border-radius:50%;background:transparent;color:#f3f2ef}.tosaa-launch-notice .launch-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.tosaa-launch-notice .launch-x:hover{background:#ffffff12}.tosaa-launch-notice.home-requests .home-requests-list{display:flex;flex-direction:column;gap:10px;min-height:0;margin:0 0 4px;padding:0;border-radius:0;background:none;box-shadow:none}.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-height:60px;padding:10px 14px;border:1px solid #ffffff26;border-radius:12px;color:#f3f2ef;text-align:left}.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action:hover{background:#ffffff0a}.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action>span{flex:none;width:38px;height:38px;border-radius:11px}.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action>span:after{right:4px;top:4px;width:6px;height:6px}.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action svg{width:20px;height:20px}.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action strong{flex:1 1 auto;min-width:0;max-width:none;font-size:16px;line-height:1.5;text-align:left;overflow-wrap:normal;color:inherit/* Owner 7 Nov 2026 (fix round, B-31; the report's suggestion): every row's words take the row's light colour on the dark panel, as option A shows; the Home tile colours of "อัปเกรดสถานะ" (.home-upgrade-action strong #625389, 2.4:1) and "อัปเกรดเป็นผู้ประกอบวิชาชีพ" (roles #935039, 2.7:1) no longer reach the panel. Was: no colour here, so those two rows were dark purple / brick on black */}.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action strong wbr{display:none}.home-requests-chevron{flex:none;font-style:normal;font-size:20px;line-height:1}
/* Owner 7 Nov 2026 (fix round, FX4-28; B-31 option A shows one weight): the upgrade rows ("อัปเกรดสถานะ", "อัปเกรดเป็นผู้ประกอบวิชาชีพ") of the ใบสมัครและคำขอ panel are 400 like every other row; the Home tile weight (.home-upgrade-action strong 600) no longer reaches the panel. Was: 600 on those two rows. */.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action strong{font-weight:400}
/* Owner 7 Nov 2026 (fix round, Q2-B-13, "ช่วยแก้ให้เหลือบรรทัดเดียว อาจจะด้วยลดขนาดฟ้อนท์"): on a phone 350 px wide or less every row of the ใบสมัครและคำขอ panel is 14 px with 12 px side padding (one size for all rows, B-08/B-14), and the › of "ใบสมัครและคำขอของฉัน" keeps 8 px from its words, so "My applications and requests" stays on one line at 320 px in English (Thai and Chinese already did). Was: 16 px and 14 px padding at every width, which left "requests" alone on a second line. */@media(max-width:350px){.home-requests .home-requests-mine,.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action{padding-left:12px;padding-right:12px}.home-requests .home-requests-mine{gap:8px}.home-requests .home-requests-mine,.tosaa-launch-notice.home-requests .home-requests-list .tosaa-home-action strong{font-size:14px}}