.ap-project-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-block:1rem}
.ap-project-field{min-width:0;border:1px solid #d1dfee;border-radius:.55rem;padding:.8rem;background:#f4f8fd}
.ap-project-field[data-group="1"]{background:#edf8f2}.ap-project-field[data-group="2"]{background:#f5effc}.ap-project-field[data-group="3"]{background:#fff7e9}
.ap-project-field h3{font-size:1rem;margin:0 0 .6rem}.ap-project-field dl{margin:0}
@media(max-width:650px){.ap-project-fields{grid-template-columns:1fr}}

#detail .web-customer-dash{margin:0}
#detail .ap-customer-fields{margin-block:1rem;padding:1rem;border:1px solid #ccdff4;border-radius:.6rem;background:white}
#detail .ap-customer-fields dl{display:block;margin-bottom:0}
#detail .web-brief-grid button[aria-expanded="true"]{background:#164f91;color:white}
#detail .ap-project-history,#detail .ap-admin-tools{padding:1rem;margin-block:1rem;border:1px solid #ccdff4;border-radius:.65rem}
#detail .ap-project-history button{margin-inline-end:.5rem}
#detail .ap-admin-tools{margin:1rem;background:#fff}
#detail details>summary{cursor:pointer;font-weight:700}

.webdesign .web-customer-dash{
  --portal-ink:#17324e;
  color:var(--portal-ink);
  background:#fff;
  border:1px solid #d9e4f0;
  border-radius:1.1rem;
  padding:clamp(.9rem,3vw,1.6rem);
  box-shadow:0 12px 32px #122c4810;
}
.web-customer-dash>header,.ap-inbox-header{
  border-radius:.85rem;
  padding:clamp(1rem,3vw,1.5rem);
  background:linear-gradient(120deg,#142e50,#154e76);
  color:#fff;
}
.web-customer-dash>header h3,.ap-inbox-header h3,.ap-inbox-header h2{
  color:#fff;
  margin:0;
  font-size:clamp(1.3rem,3vw,1.85rem);
  line-height:1.2;
}
.web-customer-dash>header .web-customer-name{margin-top:.45rem;color:#d7e9fb;overflow-wrap:anywhere;unicode-bidi:isolate}
.web-customer-dash>header .web-customer-out{border-color:#a4c3df;color:#fff;background:#ffffff12}
.web-customer-dash>header .web-customer-out:hover{background:#ffffff26}
.web-customer-dash .web-project-meta{gap:.7rem;margin:.9rem 0 0}
.web-customer-dash .web-project-meta>div{background:#f4f8fe;border-radius:.75rem;padding:.75rem .9rem}
.web-project-meta dt{font-size:.85rem;color:#435f79}
.web-customer-dash .web-project-meta dd{margin:.3rem 0 0}
.web-customer-number{direction:ltr;unicode-bidi:isolate;text-align:start}
.web-customer-dash .web-customer-status{
  display:inline-block;border-radius:999px;padding:.2rem .7rem;
  font-size:.85rem;background:#dceafe;color:#16477a;
}
.web-customer-dash .web-customer-status[data-status="discussion"]{background:#f9e7b9;color:#674607}
.web-customer-dash .web-customer-status[data-status="agreed"]{background:#d2f0df;color:#195a40}
.web-customer-dash .web-brief{border:0;padding:0;margin:1.2rem 0}
.web-customer-dash .web-brief-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,9.25rem),1fr));
  gap:.65rem;
}
.webdesign .web-brief-grid button,#detail .web-brief-grid button{
  min-height:4.1rem;margin:0;padding:.7rem .8rem;
  border:1px solid var(--tile-line);border-inline-start:4px solid var(--tile-accent);
  border-radius:.75rem;background:var(--tile-bg);color:var(--tile-accent);font-weight:700;
}
.web-brief-grid [data-brief="business"]{--tile-line:#c6daf5;--tile-bg:#edf5ff;--tile-accent:#23558a}
.web-brief-grid [data-brief="pages"]{--tile-line:#bddfd2;--tile-bg:#ecf8f2;--tile-accent:#226148}
.web-brief-grid [data-brief="style"]{--tile-line:#d9ccf0;--tile-bg:#f5effc;--tile-accent:#634389}
.web-brief-grid [data-brief="domain"]{--tile-line:#ead6ad;--tile-bg:#fff7e7;--tile-accent:#765012}
.web-brief-grid [data-brief="images"]{--tile-line:#efccd8;--tile-bg:#fdf1f5;--tile-accent:#8a3a55}
.webdesign .web-brief-grid button:hover,#detail .web-brief-grid button[aria-expanded="true"]{
  border-color:var(--tile-accent);box-shadow:inset 0 0 0 1px var(--tile-accent);
}
.web-customer-dash .web-agreement{font-size:.9rem;margin:.8rem 0;color:#4c6279}
.web-change-cta{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;
  margin-top:1.15rem;padding:1rem;border:1px solid #b9d9de;border-radius:.85rem;background:#edf8fa;
}
.web-change-cta h4,.web-change-cta p{margin:0}
.web-change-cta p{margin-top:.25rem;color:#3e5d6d}
.web-change-cta .web-button{width:auto;border-color:#126070;background:#126070}
.web-change-cta .web-button:hover{background:#0c4c59}
#web-change-form{margin-top:1rem}
#web-change-form .web-change-category,#web-change-form .web-change-extras{grid-column:1/-1}
.web-change-category{--group-bg:#edf8fa;--group-border:#b9d9de;--group-accent:#146070}
.web-change-extras,.ap-admin-tools{border:1px solid #d6e2ef;border-radius:.8rem;padding:.8rem;background:#f6f9fd}
.web-change-extras>summary{cursor:pointer;font-weight:700;color:#214d73}
.web-change-extra-grid{display:grid;gap:.8rem;margin-top:.85rem}
.ap-inbox-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}
.ap-inbox-actions{display:flex;flex-wrap:wrap;gap:.45rem}
.webdesign .ap-inbox-actions button,.ap-inbox-actions #logout{
  width:auto;margin:0;border:1px solid #a4c3df;background:#ffffff12;color:#fff;
}
.webdesign .ap-inbox-actions button:hover,.ap-inbox-actions #logout:hover{background:#ffffff26}
#requests .ap-request-row{border-radius:.75rem}
#requests .ap-request-row:hover{border-color:#507ca5;background:#f1f7ff}
#detail .ap-admin-tools{background:#fff8ed;border-color:#e9d6b4}
#detail .ap-admin-tools>summary{color:#654417}
@media(max-width:520px){
  .web-change-cta .web-button{width:100%}
  .web-customer-dash .web-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.web-change-progress{
  grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;
  padding:0;margin:0;list-style:none;color:#405a72;
}
.web-change-progress li{
  display:flex;align-items:center;gap:.45rem;padding:.6rem;border:1px solid #d5e2ee;
  border-radius:.7rem;background:#f4f7fb;font-weight:650;font-size:.85rem;
}
.web-change-progress b{
  flex:none;display:grid;place-items:center;width:1.65rem;height:1.65rem;
  border-radius:50%;background:#dfeaf5;color:#214e76;
}
.web-change-progress li[aria-current="step"]{background:#e7f4f6;border-color:#5e9da8;color:#164c59}
.web-change-progress li[aria-current="step"] b{background:#126070;color:white}
.web-change-step{grid-column:1/-1;min-width:0;display:grid;gap:.7rem}
.web-change-step>h4,.web-change-step>p{margin:0}
.web-change-step>h4{font-size:1.22rem;color:#173d5e}
.web-change-step>p{color:#435d73}
.web-change-step .web-change-extra-grid{margin:0}
.web-change-nav{display:flex;flex-wrap:wrap;gap:.55rem}
.web-change-nav .web-button{width:auto}
.web-change-review{border:1px solid #c9dce8;border-radius:.75rem;background:#f3f8fb;padding:1rem}
.web-change-review h5,.web-change-review dl,.web-change-review p{margin:.25rem 0}
.web-change-review dt{font-weight:700;color:#214c6b;margin-top:.65rem}
.web-change-review dd{margin:.1rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
.web-change-attachments span{display:block;overflow-wrap:anywhere;unicode-bidi:plaintext}
@media(max-width:460px){
  .web-change-progress li{align-items:start;flex-direction:column;font-size:.78rem}
  .web-change-nav button{flex:1}
}

.web-customer-next,
.web-customer-history {
  padding: 1rem;
  border: 1px solid #d9e3ee;
  border-radius: .8rem;
  background: #f8fafc;
}
.web-customer-next h4,
.web-customer-history h4 { margin: 0 0 .5rem; }
.web-customer-next p { margin: 0; }
.web-customer-history ul { list-style: none; padding: 0; margin: 0; }
.web-customer-history li,
.ap-history-entry {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem .8rem;
  padding: .5rem 0;
}
.web-customer-history li + li,
.ap-history-entry + .ap-history-entry { border-top: 1px solid #d9e3ee; }
.web-customer-history time,
.ap-history-entry time { font-size: .9rem; }
.ap-inbox-cards button[data-status="action"] { border-color: #b86b21; }