/* R20 C6: single Status board skin. All three consumers share structure,
   typography, spacing, verification marks and actions. Only placement varies. */
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board[hidden]{display:none!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .passport-holder-top{display:flex!important;flex-direction:column!important;align-items:stretch!important;margin:0!important;padding:0!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-identity-row{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;margin:0!important;padding:0!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-dossier-icon{display:block!important;width:74px!important;height:80px!important;min-width:74px!important;min-height:0!important;align-self:start!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-dossier-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .passport-holder-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:1px!important;min-width:0!important;width:100%!important;margin:0!important;padding:2px 0 0!important;grid-column:2!important;grid-row:1!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .passport-holder-name{width:100%!important;margin:0!important;padding:0!important;font:900 21px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;letter-spacing:normal!important;color:#F1F0EB!important;overflow-wrap:anywhere;text-align:left!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .passport-holder-id{width:100%!important;margin:1px 0 0!important;padding:0!important;font:900 10.8px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;letter-spacing:.27px!important;color:#F1F0EB!important;overflow-wrap:anywhere;text-align:left!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-standing-line{display:block!important;margin:1px 0 0!important;padding:0!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;color:#FEBD3B!important;font:400 12px/1.12 'Permanent Marker',cursive!important;letter-spacing:.12px!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-standing-line[data-v232-state=ready]{color:#AFC1B7!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-bucks-status{display:block;width:100%;min-height:32px;margin:0!important;padding:4px 0!important;border:0!important;border-radius:4px;background:transparent!important;box-shadow:none!important;color:#AFC1B7!important;text-align:left!important;font:700 18px/1.35 'Courier Prime',monospace!important;letter-spacing:0!important;text-transform:none!important;white-space:normal;cursor:pointer}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .passport-holder-copy{container-type:inline-size}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-bucks-status{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:min(18px,var(--bucks-fit-font,18px))!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-bucks-status::before{content:'';display:block;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:url('./buggy-bucks-coin.png') no-repeat left center/200% 100%}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board [hidden]{display:none!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board button:focus-visible{outline:2px solid #FEBD3B;outline-offset:2px}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board{
 position:relative;isolation:isolate;box-sizing:border-box;width:calc(100% + 14px)!important;max-width:none!important;margin-left:-7px!important;margin-right:-7px!important;
 border:7px solid transparent!important;border-radius:15px 12px 14px 12px!important;padding:8px 12px 4px!important;color:#F1F0EB!important;
 background:linear-gradient(#2A2F2D,#2A2F2D) padding-box,repeating-linear-gradient(2deg,transparent 0 2px,#f1e4c814 2px 3px,transparent 3px 5px,#241f1b33 5px 6px,transparent 6px 10px) border-box,linear-gradient(100deg,#756550,#a08c6c 22%,#84745b 57%,#ad9774 83%,#70614c) border-box!important;
 box-shadow:inset 0 1px 3px #141b1699,0 7px 16px #2a2f2d24!important;
}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board::before{content:'';position:absolute;inset:-5px;pointer-events:none;border:0;border-radius:inherit;opacity:1;background:radial-gradient(circle at 1.5px 1.5px,#c2b48d 0 1px,#514733 1.2px 2px,transparent 2.2px) top left/4px 4px no-repeat,radial-gradient(circle at 1.5px 1.5px,#c2b48d 0 1px,#514733 1.2px 2px,transparent 2.2px) top right/4px 4px no-repeat,radial-gradient(circle at 1.5px 1.5px,#c2b48d 0 1px,#514733 1.2px 2px,transparent 2.2px) bottom left/4px 4px no-repeat,radial-gradient(circle at 1.5px 1.5px,#c2b48d 0 1px,#514733 1.2px 2px,transparent 2.2px) bottom right/4px 4px no-repeat}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:7px;border:1px solid #f1f0eb10;background:radial-gradient(ellipse at 20% 8%,#f1f0eb0d,transparent 57%),repeating-linear-gradient(169deg,transparent 0 4px,#f1f0eb03 4px 5px,transparent 5px 12px)}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .passport-holder-top{gap:0!important}
/* Two text lines per check; size to the actual button, including narrow mirrors. */
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-status-band{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:calc(100% + 8px)!important;max-width:none!important;gap:6px!important;margin:3px -4px 0!important;padding:2px 0 0!important;border-top:1px dashed #f1f0eb50!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board button.buggy-chalk-status[data-v232-state]{container-type:inline-size;display:grid!important;grid-template-columns:14px minmax(0,1fr)!important;grid-template-rows:auto auto;align-items:center;align-content:center;column-gap:2px;row-gap:2px;min-width:0!important;min-height:32px!important;padding:2px 0!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;color:#FEBD3B!important;letter-spacing:0!important;text-align:left!important;white-space:normal!important;overflow:visible!important;text-decoration:none!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board button.buggy-chalk-status[data-v232-state=ready]{color:#AFC1B7!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-mark{display:block;grid-column:1;grid-row:1;width:20px;transform:rotate(-4deg);line-height:1;color:inherit}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board button.buggy-chalk-status:nth-child(2) .buggy-chalk-mark{transform:rotate(3deg)}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-mark svg{display:block;width:100%;height:auto;fill:none;stroke-linecap:round;stroke-linejoin:round}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .chalk-box{stroke:currentColor;stroke-width:1.7;opacity:.9}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .chalk-box-dust{stroke:currentColor;stroke-width:.65;stroke-dasharray:3 .8 1 2;opacity:.42}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .chalk-tick{display:none;fill:currentColor;stroke:currentColor;stroke-width:.45}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .chalk-grain{display:none;stroke:#2A2F2D;stroke-width:.7;stroke-dasharray:.7 2.2 1.7 3.4;opacity:.55}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board [data-v232-state=ready] :is(.chalk-tick,.chalk-grain){display:block}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-copy{display:contents}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-copy b{display:block;grid-column:2;grid-row:1;min-width:0;font:400 clamp(8px,13.6cqw,12px)/1 'Permanent Marker',cursive!important;letter-spacing:0!important;white-space:nowrap}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-copy>span{display:block;grid-column:1/-1;grid-row:2;min-width:0;font:400 min(11px,12.6cqw)/1.12 'Courier Prime',monospace!important;letter-spacing:0!important;word-spacing:.06em!important;white-space:nowrap;overflow-wrap:normal;text-align:center}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board button.buggy-chalk-status:focus-visible{outline:2px solid #FEBD3B;outline-offset:2px}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-mark{width:14px}
@media(max-width:360px){
 #buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-status-band{gap:4px!important}
 #buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board button.buggy-chalk-status[data-v232-state]{grid-template-columns:10px minmax(0,1fr)!important;column-gap:0}
 #buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-mark{width:10px}
}
@media(max-width:300px){#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-status-band{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:420px){
 #buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-identity-row{grid-template-columns:74px minmax(0,1fr)!important;gap:9px!important}
 #buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-dossier-icon{width:70px!important;min-width:70px!important;height:76px!important}
}
/* The rental workspace is outside the scrollable Home/store content. Give it
   the same outer bumper; its board uses exactly the shared internals above. */
#buggy-passport-app #buggyRentalWorkspace .buggy-status-board{flex:0 0 auto;width:var(--buggy-status-board-width,calc(100% - 18px))!important;margin:12px auto 8px!important;min-width:0}
/* Same Insurance-sized type across the row; distribute the spaces, not font sizes.
   Shared container units shrink the whole row together on narrow mirrors.
   Existing vertical margins, padding and line spacing are deliberately unchanged. */
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-status-band{container-type:inline-size;grid-template-columns:repeat(4,max-content)!important;justify-content:space-between;gap:0!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board button.buggy-chalk-status[data-v232-state]{container-type:normal;grid-template-columns:12px max-content!important;column-gap:0}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-mark{width:12px}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-copy b{font-size:clamp(8px,3.6cqw,12px)!important}
#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-copy>span{font-size:clamp(7px,3cqw,11px)!important}
@media(max-width:360px){#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board button.buggy-chalk-status[data-v232-state]{grid-template-columns:10px max-content!important}#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .buggy-chalk-mark{width:10px}}
@media(max-width:300px){#buggy-passport-app :is(#passport,#ridePage,#buggyRentalWorkspace) .buggy-status-board .v232-status-band{grid-template-columns:repeat(2,max-content)!important;row-gap:4px!important}}
