/* Patch 67: isolated Google workspace styling so unrelated legacy CSS cannot swallow these rules. */
.mail-workspace,.tapestry-browser{padding:1.25rem;max-width:1900px;margin:0 auto}.mail-hero,.browser-hero{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:1.35rem 1.5rem;margin-bottom:1rem;border:1px solid rgba(115,91,53,.22);border-radius:20px;background:rgba(255,253,248,.88);box-shadow:0 16px 40px rgba(53,43,28,.08)}.mail-hero h1,.browser-hero h1{font:400 clamp(2rem,4vw,3.3rem) Georgia,serif;margin:.15rem 0}.mail-hero__actions,.browser-hero__actions{display:flex;gap:.6rem;flex-wrap:wrap}.mail-shell{display:grid;grid-template-columns:190px minmax(360px,42%) minmax(360px,1fr);min-height:680px;border:1px solid rgba(115,91,53,.24);border-radius:20px;overflow:hidden;background:#fffdf9}.mail-rail{display:flex;flex-direction:column;padding:.75rem;border-right:1px solid #e4ddd0;background:#f2eadc}.mail-compose,.mail-folder{border:0;border-radius:11px;background:transparent;padding:.72rem;text-align:left}.mail-compose{background:#745a30;color:#fff;margin-bottom:.65rem}.mail-folder.is-active,.mail-folder:hover{background:#e4d6bf}.mail-center{border-right:1px solid #e4ddd0}.mail-toolbar{display:flex;padding:.8rem;border-bottom:1px solid #e4ddd0}.mail-toolbar form{display:flex;flex:1}.mail-toolbar input{flex:1;padding:.7rem;border:1px solid #d7cbb8;border-radius:10px 0 0 10px}.mail-toolbar form button{border:1px solid #d7cbb8;border-left:0;border-radius:0 10px 10px 0}.mail-list,.mail-reader{max-height:680px;overflow:auto}.mail-row{display:grid;width:100%;grid-template-columns:40px minmax(100px,24%) 1fr auto 65px;gap:.65rem;align-items:center;padding:.75rem;border:0;border-bottom:1px solid #eee7dc;background:#fffdf9;text-align:left}.mail-row:hover,.mail-row.is-selected{background:#f0e7d8}.mail-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eadcc4}.mail-row__subject{display:flex;gap:.5rem;min-width:0}.mail-row__subject>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-reader__header{padding:1.4rem;border-bottom:1px solid #e4ddd0}.mail-body{padding:1.5rem;line-height:1.65}.mail-connect-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.4rem;border:1px solid rgba(115,91,53,.24);border-radius:20px;background:#fffdf9}.mail-seal{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#eadcc4;font-size:1.7rem}
.tapestry-browser{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;padding-top:.35rem}.browser-hero{grid-column:1/-1}.browser-chrome{min-width:0;border:1px solid rgba(115,91,53,.25);border-radius:20px;overflow:hidden;background:#f7f2e8;box-shadow:0 22px 55px rgba(53,43,28,.1)}.browser-tabs{height:42px;display:flex;align-items:end;padding:0 .65rem;background:#dcd0bd}.browser-tab{display:flex;align-items:center;gap:.5rem;width:260px;height:34px;padding:0 .75rem;border-radius:10px 10px 0 0;background:#f8f4eb}.browser-tab strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-toolbar{display:flex;gap:.35rem;align-items:center;padding:.55rem;background:#f8f4eb;border-bottom:1px solid #ddd2c1}.browser-toolbar>button{width:34px;height:34px;border:0;border-radius:50%;background:transparent}.browser-toolbar form{display:flex;align-items:center;flex:1;border:1px solid #d2c5b1;border-radius:18px;background:#fff;overflow:hidden}.browser-toolbar input{flex:1;min-width:0;border:0;padding:.62rem;outline:0}.browser-toolbar form button{border:0;padding:.62rem .9rem}.browser-bookmark-bar{display:flex;gap:.25rem;padding:.35rem .6rem;border-bottom:1px solid #ddd2c1;overflow:auto}.browser-bookmark-bar button{border:0;background:transparent;padding:.35rem .55rem;white-space:nowrap}.browser-stage{height:680px;background:#fff}.browser-stage iframe{width:100%;height:calc(100% - 34px);border:0}.browser-start{height:100%;display:grid;place-content:center;text-align:center;padding:2rem;background:radial-gradient(circle at 50% 30%,#fffdf8,#f4ecde 70%,#e8ddca)}.browser-start__mark{display:grid;place-items:center;width:128px;height:128px;margin:0 auto 1rem}.browser-start__mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(63,48,24,.18))}.browser-start form{display:flex;width:min(620px,75vw);margin:auto;border:1px solid #c7b28d;border-radius:24px;overflow:hidden;background:#fff}.browser-start input{flex:1;border:0;padding:1rem}.browser-quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin-top:1.4rem}.browser-quick-grid a,.browser-quick-grid button{padding:.8rem;border:1px solid #d8c8ad;border-radius:12px;background:#fff;color:#4b3d29;text-decoration:none;font:inherit;cursor:pointer}.browser-sidecar{display:grid;align-content:start;gap:1rem}.browser-sidecar section{padding:1.1rem;border:1px solid rgba(115,91,53,.22);border-radius:18px;background:#fffdf8}.browser-sidecar section>a,.browser-sidecar section>button{display:grid;width:100%;grid-template-columns:30px 1fr;padding:.7rem;border:0;border-bottom:1px solid #ece4d8;background:transparent;color:inherit;text-align:left;text-decoration:none}.browser-sidecar small{display:block;color:#817563}
@media(max-width:1200px){.mail-shell{grid-template-columns:170px minmax(330px,45%) 1fr}.tapestry-browser{grid-template-columns:1fr}.browser-sidecar{grid-template-columns:1fr 1fr}.browser-quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.mail-workspace,.tapestry-browser{padding:.6rem}.mail-hero,.browser-hero{align-items:start;flex-direction:column}.mail-shell{display:block}.mail-rail{flex-direction:row;overflow:auto}.mail-center{border-right:0}.mail-reader{border-top:1px solid #ddd}.mail-connect-card{grid-template-columns:1fr;text-align:center}.tapestry-browser{display:block}.browser-sidecar{margin-top:1rem;grid-template-columns:1fr}.browser-quick-grid{grid-template-columns:repeat(2,1fr)}}

.mail-invitation-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.25rem 1.5rem 0;padding:1rem 1.1rem;border:1px solid #cdb98f;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#f4ead6);box-shadow:0 8px 22px rgba(76,57,27,.08)}
.mail-invitation-code{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.mail-invitation-code span{font-size:.76rem;color:#746650}.mail-invitation-code strong{padding:.42rem .65rem;border:1px dashed #ad9365;border-radius:8px;background:#fffdf8;font:700 .95rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.mail-invitation-code button{padding:.48rem .75rem;border:1px solid #b49a6d;border-radius:9px;background:#fff;color:#5a4525;font-weight:700;cursor:pointer}.mail-invitation-code button:hover{background:#f5ead6}.mail-invitation-accept{display:inline-flex;align-items:center;justify-content:center;padding:.66rem .95rem;border:1px solid #6e5632;border-radius:10px;background:#745a30;color:#fff!important;text-decoration:none!important;font-weight:700;white-space:nowrap}.mail-invitation-accept:hover{background:#5f4827}.mail-body a{color:#6b4d1f;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}@media(max-width:900px){.mail-invitation-actions{align-items:stretch;flex-direction:column}.mail-invitation-accept{width:100%}}