/* Artwork remains visible; task labels and feedback carry the interface. */
body.portal-page .card,body.admin-page .panel,body.admin-page .stat,
body.portal-page .tools,body.admin-page .record-drawers,body.admin-page .record-drawer,
body.portal-page .draft-desk,body.admin-page .draft-desk {
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;
}
body.portal-page .card::before,body.admin-page #project-desk h2::before,body.admin-page #upload h2::before,body.admin-page .dashboard h2::before{content:none!important}
body.portal-page main,body.admin-page main{ text-shadow:0 1px 1px #fff3d9,0 0 5px #fff3d9; }
body.portal-page input,body.portal-page select,body.portal-page textarea,
body.admin-page input,body.admin-page select,body.admin-page textarea {
  box-sizing:border-box;max-width:100%;background:transparent!important;box-shadow:none!important;color:#271b12!important;
  text-shadow:0 1px 1px #fff3d9,0 0 4px #fff3d9;font:600 17px/1.4 Georgia,serif;min-height:48px;
}
body.portal-page option,body.admin-page option{background:#f3e5cf;color:#271b12;text-shadow:none}
.desk-next{clear:both;max-width:760px;font-size:19px;line-height:1.5;font-weight:700}
.record-drawers{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
body.admin-page .record-drawer{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px!important;border:0!important;color:#542c18!important;font:700 16px/1.3 Georgia,serif!important;text-shadow:0 1px 2px #fff0d1}
.record-drawer img{width:38px;height:38px;object-fit:contain}
.record-drawer[aria-pressed="true"]{text-decoration:underline;text-underline-offset:6px}
body.portal-page .tools{display:flex;flex-wrap:wrap;align-items:end;gap:18px}
.folder-label{display:grid;gap:6px;flex:1 1 220px;font-weight:700;min-width:0}
.folder-label select{width:100%}
.draft-desk{clear:both;margin:36px 0;padding:20px 0;grid-column:1/-1;min-width:0}
.draft-desk>summary{display:flex;align-items:center;gap:14px;cursor:pointer;font:700 22px/1.3 Georgia,serif;min-height:48px}
.draft-desk>summary img{width:64px;height:64px;object-fit:contain}
.draft-desk form{max-width:720px;margin-top:24px}
.draft-desk label{display:grid;gap:7px;margin:18px 0;font-weight:700}
.draft-desk textarea{width:100%;min-height:160px;padding:12px;border:1px solid #835a37;resize:vertical}
.draft-desk input,.draft-desk select{width:100%;padding:10px 4px;border:0;border-bottom:2px solid #835a37;border-radius:0}
.draft-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:start}
body.portal-page .draft-action,body.admin-page .draft-action{display:grid;justify-items:center;gap:8px;max-width:180px;background:transparent!important;border:0!important;padding:12px 0;color:#542c18;font:700 17px/1.3 Georgia,serif;text-shadow:0 1px 3px #fff0d1;cursor:pointer}
.draft-action img{width:70px;height:70px;object-fit:contain}
.draft-desk :focus-visible,.record-drawer:focus-visible{outline:3px solid #8b4b22!important;outline-offset:4px}
.draft-desk button:disabled{opacity:.55;cursor:wait}
#action-feedback{position:fixed;z-index:1000;left:50%;transform:translateX(-50%);bottom:14px;width:max-content;max-width:calc(100% - 40px);box-sizing:border-box;margin:0;padding:10px 42px 10px 14px;color:#25190f;font:700 16px/1.4 Georgia,serif;text-align:center;text-shadow:0 0 2px #fff6e4,0 0 5px #fff6e4,0 0 9px #fff6e4;background:radial-gradient(ellipse,rgba(255,244,219,.94),rgba(255,244,219,.7) 58%,transparent 78%);pointer-events:none}
#action-feedback[hidden]{display:none}
#action-feedback button{position:absolute;right:0;top:0;width:44px;height:44px;background:transparent!important;border:0!important;color:#351e10;font-size:28px;pointer-events:auto;text-shadow:0 0 4px #fff6e4}
@media(max-width:720px){.desk-nav{gap:8px!important;justify-content:space-between!important}.desk-nav button{min-width:0;width:30%!important}.desk-nav img{width:76px!important;height:76px!important}body.admin-page .panel{padding:22px 0!important}.record-drawers{gap:6px!important}.record-drawer{flex:1 1 120px}.draft-desk>summary{font-size:20px}.draft-actions{gap:16px}#action-feedback{font-size:15px;max-width:calc(100% - 24px)}body.portal-page .tools .search{width:100%;min-width:0}}

/* One choice at a time keeps the project desk calm. These are a transparent
   work plan, not a dashboard card layered over the heritage artwork. */
.portal-flow{display:grid;gap:10px;margin:30px 0 10px;max-width:700px}
.portal-flow[hidden],.portal-back[hidden]{display:none!important}
.portal-flow p{display:grid;gap:4px;margin:0 0 4px;color:#2b1b10}
.portal-flow p strong{font:700 25px/1.1 Georgia,serif}
.portal-flow p small{white-space:normal;color:#5c3b24;font:650 15px/1.4 system-ui,sans-serif}
.portal-flow button{display:grid;gap:3px;padding:15px 4px;border:0;border-bottom:2px solid rgba(93,54,28,.48);background:transparent;color:#2b1b10;text-align:left;cursor:pointer;text-shadow:0 1px #fff1d4}
.portal-flow button strong{font:800 20px/1.1 Georgia,serif}.portal-flow button small{color:#5c3b24;font:600 14px/1.35 system-ui,sans-serif}
.portal-flow button:hover,.portal-flow button:focus-visible{color:#71391c;border-bottom-color:#71391c;outline:3px solid #8b4b22;outline-offset:4px}
.portal-back{margin:24px 0 0;padding:0;border:0;background:transparent;color:#5d331b;font:750 16px/1.4 Georgia,serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
body.portal-choose #file-tools,body.portal-choose #files,body.portal-choose #member-jobsite{display:none!important}
body.portal-page .member-jobsite,body.portal-page .member-jobsite .jobsite-card{background:transparent!important;box-shadow:none!important}
body.portal-page .member-jobsite{border-top:2px solid rgba(93,54,28,.48);border-bottom:2px solid rgba(93,54,28,.30)}
body.portal-page .member-jobsite .jobsite-card{border-bottom:1px solid rgba(93,54,28,.32)}
@media(max-width:580px){.portal-flow{margin-top:24px}.portal-flow p strong{font-size:23px}.portal-flow button{padding-block:14px}.portal-flow button strong{font-size:19px}}

/* Project desks stay open to the jobsite scenery: no opaque cards, generic
   clipboard panels, or low-contrast type. */
body.portal-page .card,body.portal-page .member-jobsite,body.portal-page .jobsite-card,body.portal-page .jobsite-status{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
body.portal-page .card,body.portal-page .member-jobsite{border:0!important}
body.portal-page .jobsite-card{border-left:4px solid #744220!important}
body.portal-page h1,body.portal-page h2,body.portal-page h3,body.portal-page strong{color:#21160f!important;-webkit-text-fill-color:#21160f!important;text-shadow:0 1px #fff3d6,0 0 7px rgba(255,243,214,.92)!important}
body.portal-page p,body.portal-page .note,body.portal-page .jobsite-meta,body.portal-page small{color:#392517!important;text-shadow:0 1px #fff3d6,0 0 6px rgba(255,243,214,.88)!important;font-weight:600}

/* The job folder is a clear, named set of drawers—one click opens the chosen
   record type while the rest stays out of the way. */
.folder-tabs{display:flex;flex-wrap:wrap;gap:7px 14px;margin:18px 0 4px;padding-top:12px;border-top:1px solid rgba(93,54,28,.36)}
.folder-tabs button{padding:6px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#4d2d1a;font:750 14px/1.2 Georgia,serif;cursor:pointer;text-shadow:0 1px #fff3d6}
.folder-tabs button[aria-pressed="true"]{color:#21160f;border-bottom-color:#8a512a}.folder-tabs button:hover,.folder-tabs button:focus-visible{color:#21160f;border-bottom-color:#8a512a;outline:0}
@media(max-width:580px){.folder-tabs{gap:8px 13px}.folder-tabs button{font-size:13px}}

/* The public entrance has two real choices. Center them as a pair so the
   first step reads cleanly on wide screens as well as on a phone. */
body.portal-page .portal-gateway{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}
@media(max-width:720px){body.portal-page .portal-gateway{grid-template-columns:1fr;max-width:360px;margin-inline:auto}}

/* Audit repair: a visitor must see the first two choices without having to
   scroll past an oversized welcome heading on a normal desktop screen. */
@media(min-width:721px){
  body.portal-page main{padding-top:40px!important}
  body.portal-page header{padding-bottom:10px!important}
  body.portal-page .portal-heading-block{max-width:440px!important}
  body.portal-page h1{margin-top:16px!important;font-size:clamp(42px,5.2vw,64px)!important;line-height:.98!important}
  body.portal-page .intro{margin-top:10px!important;margin-bottom:14px!important}
  body.portal-page .card{margin-top:16px!important}
  body.portal-page .portal-gateway{margin-top:12px!important}
  body.portal-page .portal-gateway a{grid-template-columns:76px minmax(0,1fr)!important;place-items:center start!important;gap:10px!important;text-align:left!important}
  body.portal-page .portal-gateway img{width:76px!important;height:76px!important}
}