/* MPM v9.1 — single coherent high-premium UI layer */
:root{--ui-ink:#123243;--ui-orange:#e9772c;--ui-muted:#6c7f89;--ui-line:#e5ebed;--ui-bg:#f5f7f6;--ui-radius:20px}
body{background:var(--ui-bg)!important;color:var(--ui-ink);font-synthesis:none}
.panel{border:1px solid var(--ui-line)!important;border-radius:24px!important;box-shadow:0 9px 30px rgba(13,46,63,.035)!important;background:#fff!important}
.panel h2{font-size:clamp(23px,3vw,29px)!important;letter-spacing:-.035em;line-height:1.14}
.btn{font-weight:730!important;letter-spacing:-.012em;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.btn:active{transform:scale(.98)}
.btn:not(.alt){background:var(--ui-ink);border-color:var(--ui-ink)}
input,select,textarea{font-size:16px!important;border-radius:13px!important;border-color:#dce5e8!important}
input:focus,select:focus,textarea:focus{outline:2px solid #ee9a5d;outline-offset:1px}
/* Purchase hierarchy */
#buyerView:not(.hidden){display:flex;flex-direction:column;gap:18px}#buyerView>.buyer-workspace{order:0}#buyerView>.buyer-queue{order:1}
#buyerView>.panel{margin-top:0!important}
.buyer-workspace{padding:clamp(18px,3vw,32px)!important}
.buyer-workspace>.split{margin-bottom:16px;align-items:center}
.buyer-workspace .buyer-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;margin:0 0 19px!important}
.buyer-workspace .buyer-metric{min-width:0!important;border:1px solid #e5ebed!important;background:#fafbfb!important;padding:18px!important;border-radius:17px!important}
.buyer-workspace .buyer-metric.primary{background:var(--ui-ink)!important;border-color:var(--ui-ink)!important}
.buyer-workspace .buyer-metric strong{font-size:clamp(30px,4vw,42px)!important;font-weight:780;line-height:1.1!important}
.buyer-workspace .buyer-metric span{font-size:13px!important;line-height:1.35}
.buyer-workspace>.grid{grid-template-columns:1fr!important;margin:0 0 15px!important}
.buyer-workspace .store-export{display:none!important}
.buyer-workspace .buyer-tools{order:5;margin-top:16px;border-top:1px solid var(--ui-line);padding-top:12px}
.buyer-workspace .buyer-tools summary{font-weight:650;color:#526c7a}
.buyer-workspace .buyer-tools[open]~.buyer-mobile-list{margin-top:12px}
.buyer-mobile-list{display:grid;gap:12px}
.buyer-article-card{padding:18px!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;box-shadow:none!important;background:#fff}
.buyer-article-main{gap:14px!important;align-items:flex-start}
.buyer-article-main strong{font-size:17px!important;color:var(--ui-ink)}
.buyer-article-main small{display:block;font-size:12px!important;margin-top:6px;color:var(--ui-muted);line-height:1.45}
.buyer-remain{background:#f4f6f5;border-radius:13px;padding:10px 13px;min-width:94px;text-align:center}
.buyer-remain strong{font-size:23px!important;font-weight:790;color:var(--ui-ink)}
.buyer-remain span{font-size:11px!important;color:#526c7b}
.buyer-article-footer{padding-top:14px;margin-top:13px;border-top:1px solid #edf0f1;gap:12px!important}
.buyer-article-footer .btn{white-space:normal!important;text-align:center}
.buyer-queue{padding:clamp(18px,3vw,30px)!important}
.buyer-queue .request-summary{border:1px solid var(--ui-line)!important;border-radius:16px!important;padding:17px!important;margin-top:12px!important}
/* Projects and team: distinct actionable cards */
#adminView>.panel,#adminSitesArea>.panel,#teamArea>.panel{padding:clamp(20px,3vw,32px)!important}
#adminSitesArea .site-create-row{background:#f7f9f8;border:1px solid #e9eef0;border-radius:16px;padding:13px;display:flex;gap:10px;align-items:center;margin:20px 0 23px}
#adminSitesArea .site-create-row input{flex:1;min-width:0;background:#fff}
#sitesList{display:grid;gap:11px}
#sitesList .site-management-card{display:flex!important;gap:16px!important;align-items:center!important;justify-content:space-between;padding:17px 19px!important;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:17px!important;box-shadow:none!important}
#sitesList .site-detail b{font-size:16px!important;color:var(--ui-ink)}#sitesList .site-detail small{display:block;margin-top:6px;color:var(--ui-muted)}
#sitesList [data-toggle-site]{background:#f2f5f5!important;border-color:#e3e9eb!important;color:#46606d!important}
#usersList{display:grid;gap:12px;margin-top:20px}
#usersList .team-member-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:14px!important;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:19px!important;padding:19px!important;box-shadow:none!important}
#usersList .team-person{min-width:0;gap:13px!important}
#usersList .team-person b{font-size:16px!important;letter-spacing:-.025em}
#usersList .team-person small{font-size:13px!important;margin-top:4px}
#usersList .team-initials{height:52px!important;width:52px!important;flex:0 0 52px!important;background-color:var(--ui-ink)!important;border:none!important}
#usersList .team-role-edit{width:auto;max-width:100%;min-width:0}
#usersList .team-role-edit summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;font-size:13px!important;border-radius:11px!important;white-space:normal;text-align:center}
#usersList .team-role-edit[open]{grid-column:1/-1;background:#f6f9f8;border-radius:14px;padding:15px!important}
#usersList .team-role-edit[open] summary{width:100%;margin-bottom:10px}
#usersList .team-role-edit[open] select{max-width:100%!important;min-height:46px}
/* Profile: identity and inline editing, no modal */
#profileView .profile-shell{max-width:850px!important;gap:15px!important}
#profileView .profile-cover{border-radius:24px!important;padding:clamp(22px,4vw,34px)!important;min-height:152px;background:#143343!important;gap:14px}
#profileView .profile-intro h2{font-size:clamp(22px,4vw,29px)!important;letter-spacing:-.035em;color:#fff}
#profileView .initials-avatar-large{width:72px!important;height:72px!important;flex-basis:72px!important;font-size:24px!important}
#profileView .profile-photo-action{background:#fff!important;border:0!important;color:#16394b!important;border-radius:12px!important;white-space:nowrap}
#profileView .profile-details{border-radius:20px!important;padding:clamp(21px,3vw,29px)!important}
#profileView .profile-info-row{min-height:60px;gap:12px}
#profileView .profile-section-title{font-size:11px;letter-spacing:.12em}
#profileView .profile-menu-action{font-size:15px!important;min-height:60px!important}
#profileView .profile-inline:not(.hidden){margin-top:19px;border-top:1px solid #e8edef;padding-top:20px}
#profileView #profileForm{display:grid;gap:13px;max-width:100%}
#profileView #profileForm .row{display:flex;flex-wrap:wrap;gap:10px}
/* Request detail mobile-first full screen */
#requestDialog{border:0!important;box-sizing:border-box;max-width:min(830px,calc(100vw - 26px))!important;width:100%!important;max-height:min(92dvh,1000px)!important;padding:clamp(19px,3vw,30px)!important;border-radius:24px!important;overflow-y:auto;box-shadow:0 20px 80px #071e2e30}
#requestDialog::backdrop{background:rgba(9,35,49,.62);backdrop-filter:blur(5px)}
.request-dialog-head{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #ecf0f1;margin-bottom:14px}
.request-dialog-head h2{font-size:clamp(24px,4vw,33px)!important;line-height:1.12!important;letter-spacing:-.04em;margin:9px 0!important}
#requestDialogMeta{font-size:13px!important;line-height:1.5}
#requestDialogList{display:grid;gap:10px;margin:16px 0}
#requestDialogList .request-dialog-item{border:1px solid var(--ui-line)!important;border-radius:16px!important;padding:16px!important;background:#fff!important;margin:0!important}
#requestDialog .request-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px!important;margin:15px 0}
#requestDialog .request-dialog-actions>.btn{margin:0!important;min-height:47px}
#requestDialog #requestAdd{background:#fff!important;border:1px solid #dfe8eb!important;color:var(--ui-ink)!important}
#requestDialog .request-danger-zone{grid-column:1/-1;justify-self:stretch;text-align:right;border-top:1px solid #e9edef;padding-top:12px;margin-top:9px}
#requestDialog .request-danger-zone summary{font-size:13px;color:#788b94;cursor:pointer;padding:10px}
#requestDialog #requestCancel{color:#a44343!important;background:#fff!important;border:1px solid #f0dddd!important;font-size:13px}
#requestDialog #requestReadOnly{font-size:12px!important;line-height:1.45}
/* interaction feedback */
#toast,.toast{max-width:min(500px,calc(100vw - 36px))!important}
@media(max-width:740px){
 #buyerView{gap:12px!important}.buyer-workspace{padding:19px!important}
 #buyerView .buyer-metrics{gap:9px!important}.buyer-workspace .buyer-metric{padding:15px!important}
 #buyerView .buyer-mobile-list{display:grid!important}.buyer-desktop-table{display:none!important}
 #adminSitesArea .site-create-row{display:grid;grid-template-columns:1fr;padding:12px}
 #adminSitesArea .site-create-row button{width:100%}
 #usersList .team-member-card{grid-template-columns:1fr;gap:15px!important;padding:17px!important}
 #usersList .team-role-edit{width:100%}#usersList .team-role-edit summary{width:100%;justify-content:center}
 #profileView .profile-cover{padding:21px!important}#profileView .profile-photo-action{width:100%}
 #requestDialog{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:calc(env(safe-area-inset-top, 12px) + 22px) 18px calc(env(safe-area-inset-bottom, 12px) + 22px)!important;overscroll-behavior:contain}
 #requestDialog .request-dialog-actions{grid-template-columns:1fr!important}
 #requestDialog .request-danger-zone{grid-column:1}
}
@media(prefers-reduced-motion:reduce){.btn{transition:none!important}}

/* V9.5 — compact read-only request list, buyer views and helpful validation */
.compact-request-item{padding:14px 0!important;border:0!important;border-bottom:1px solid #e5e9ec!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;margin:0!important}.item-view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.item-view-head strong{font-size:15px;line-height:1.4;color:#152e3d}.item-view-head span{font-weight:700;white-space:nowrap}.item-view-meta{font-size:12px;color:#667981;margin-top:5px}.request-item-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:9px}.request-item-editor{margin-top:12px}.request-item-editor.hidden{display:none}.send-reason{font-size:13px;color:#936c25;margin:8px 0 0}.archive-toggle{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.buyer-switch{display:flex;gap:8px;padding:8px 0 14px}.buyer-switch .btn{flex:1}.availability-chip{display:inline-block;font-size:11px;color:#885d25;background:#fff2db;border-radius:8px;padding:4px 7px;margin-left:8px}.buyer-article-footer{flex-wrap:wrap;gap:8px}.buyer-article-footer .btn{flex:0 0 auto}@media(max-width:550px){.item-view-head{align-items:baseline}.request-dialog-item input{min-width:0}.buyer-switch .btn{font-size:13px;padding:10px 8px}}