/*! Copyright (c) 2026 Mark T. Fulwider. All rights reserved. */
/* Collaboration & Permissions, on the paper. Same ink as the rest of the sheet. */
.sheet-read .share-promises{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:1em 0}
.sheet-read .share-promises li{margin:0;padding:10px 14px;border:1px solid #d5dee3;font-size:16px}
.sheet-read .share-promises strong{display:block;font-weight:400;font-size:18px;color:#24343c}
.sheet-read .share-status{padding:10px 14px;border-left:3px solid #d1a56a;background:#faf6ec;font-size:16px}
.sheet-read .share-step{margin:1.6em 0 0;padding-top:.4em;border-top:1px solid #e3e9ec}
.sheet-read .share-step h3{display:flex;align-items:center;gap:12px;margin:.6em 0 .6em}
.sheet-read .step-no{display:inline-grid;place-content:center;width:34px;height:34px;flex:none;border:1px solid #d4c08a;border-radius:50%;background:#e3d29f;color:#3d4e3a;font-size:18px}
.sheet-read .share-kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:0 0 1em;padding:0;border:0}
.sheet-read .share-kinds legend{margin-bottom:6px;font-size:15px;color:#5d737c}
.sheet-read .share-kinds label{position:relative;display:block;padding:10px 14px;border:1px solid #c9d6da;background:#fff;cursor:pointer}
.sheet-read .share-kinds input{position:absolute;opacity:0;pointer-events:none}
.sheet-read .share-kinds span{display:block;font-size:17px;color:#24343c}
.sheet-read .share-kinds small{display:block;font-size:14px;color:#5d737c}
.sheet-read .share-kinds label:has(input:checked){border-color:#8d7344;background:#f7f1e4;box-shadow:inset 0 -2px 0 #d1a56a}
.sheet-read .share-kinds label:has(input:focus-visible){outline:3px solid #bc8d41;outline-offset:2px}
.sheet-read .share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 18px;margin:0 0 1em}
.sheet-read label{display:grid;gap:4px;font-size:16px;color:#3b4d55}
.sheet-read input:not([type=radio]):not([type=checkbox]),.sheet-read textarea,.sheet-read select{width:100%;padding:7px 9px;border:1px solid #c9d6da;background:#fff;color:#172a33;font:16px/1.4 Georgia,'Times New Roman',serif}
.sheet-read textarea{resize:vertical}
.sheet-read input:focus,.sheet-read textarea:focus,.sheet-read select:focus{outline:2px solid #bc8d41;outline-offset:1px}
.sheet-read .share-table{overflow-x:auto;margin:0 0 1em}
.sheet-read .share-table table{margin:0;min-width:520px}
.sheet-read .share-table th[scope=row]{font-weight:400}
.sheet-read .share-check{display:inline-flex;align-items:center;gap:6px;font-size:15px;cursor:pointer}
.sheet-read .share-check input{width:18px;height:18px}
.sheet-read .share-check input:disabled + span{color:#a8b4b9}
.sheet-read .share-yes{color:#2d6a3a}
.sheet-read .share-no{color:#8a5a4a}
.sheet-read .share-summary{font-size:19px;color:#24343c}
.sheet-read .share-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 1em}
.sheet-read .share-cards section{padding:10px 14px;border:1px solid #d5dee3;font-size:16px}
.sheet-read .share-cards h4{margin:0 0 .4em;font-weight:400;font-size:18px}
.sheet-read .share-state{padding:8px 14px;background:#f5f7f7;font-size:16px}
.sheet-read .share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 .5em}
.sheet-read .share-actions button{padding:8px 16px;border:1px solid #c5d0d4;background:#fff;color:#1a3f6e;font:16px Georgia,'Times New Roman',serif}
.sheet-read .share-actions button:hover{border-color:#1a3f6e}
.sheet-read .share-actions .share-primary{border-color:#aa8a56;background:#e7d4ad;color:#243d48}
.sheet-read .share-fine{font-size:14px;color:#5d737c}
/* The share pages: make, open, my shares */
.sheet-read .share-bad{color:#9a3b2a}
.sheet-read .share-files{list-style:none;padding:0;margin:.4em 0 1em}
.sheet-read .share-files li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border:1px solid #e3e9ec;margin:0 0 4px;font-size:16px}
.sheet-read .share-files small{color:#5d737c}
.sheet-read .share-files button,.sheet-read .share-mine button{padding:4px 12px;border:1px solid #c5d0d4;background:#fff;color:#1a3f6e;font:15px Georgia,'Times New Roman',serif}
.sheet-read label.share-check{display:flex;margin:0 0 6px;font-size:17px}
.sheet-read .share-button{display:inline-block;padding:8px 16px;border:1px solid #c5d0d4;background:#fff;color:#1a3f6e;text-decoration:none;font-size:16px}
.sheet-read .share-button.share-primary,.sheet-read a.share-primary{border-color:#aa8a56;background:#e7d4ad;color:#243d48}
.sheet-read .share-inline{display:inline-flex;align-items:center;gap:6px;font-size:15px}
.sheet-read .share-inline select{width:auto;padding:4px 6px;font-size:15px}
.sheet-read .share-message{white-space:pre-wrap;padding:12px 16px;border:1px solid #e3e9ec;margin:0 0 1em}
.sheet-read .share-file{margin:0 0 1.2em;text-align:left}
.sheet-read .share-file figcaption{margin:0 0 6px;font-size:16px;color:#24343c}
.sheet-read .share-file figcaption a{margin-left:10px;font-size:15px}
.sheet-read .share-file img{display:block;max-width:100%;border:1px solid #e3e9ec}
.sheet-read .share-file pre{max-height:420px;white-space:pre-wrap}
.sheet-read .share-agreement{padding:10px 14px;border-left:3px solid #d1a56a;background:#faf6ec}
.sheet-read .share-agreement h4{margin:0 0 .3em;font-weight:400}
.sheet-read .share-comment{padding:8px 0;border-bottom:1px solid #e3e9ec}
.sheet-read .share-comment p{margin:0 0 .3em;white-space:pre-wrap}
.sheet-read .share-mine{padding:12px 16px;border:1px solid #d5dee3;margin:0 0 10px}
.sheet-read .share-mine h4{margin:0 0 .2em;font-weight:400;font-size:20px}
.sheet-read .share-mine p{margin:0 0 .3em}
.sheet-read .share-mine.share-soon{border-color:#d1a56a;background:#fdf9ef}
.sheet-read .share-mine.share-ended{opacity:.7}
.sheet-read .share-foot{margin-top:2em}
/* Form boxes on these pages keep a visible border. The locked sheet makes a Notes writing area borderless;
   that rule is meant for the sheet's own writing area, not for small form boxes on a reading page. */
html body .sheet-lock .paper .sheet-read textarea{flex:none;min-height:0!important;margin-top:0;overflow:auto;resize:vertical;padding:7px 9px;border:1px solid #c9d6da;background:#fff;font:16px/1.4 Georgia,'Times New Roman',serif;color:#172a33}
html body .sheet-lock .paper .sheet-read textarea:focus{outline:2px solid #bc8d41;outline-offset:1px}
/* Compact: Mark asked for less air. Everything sharing sits closer together. */
.sheet-read .share-step{margin:1em 0 0;padding-top:.3em}
.sheet-read .share-step h3{margin:.3em 0 .4em;font-size:21px;gap:8px}
.sheet-read .step-no{width:26px;height:26px;font-size:15px}
.sheet-read .share-step p,.sheet-read .share-step ul{margin-bottom:.6em}
.sheet-read .share-promises{margin:.6em 0;gap:6px}
.sheet-read .share-promises li{padding:6px 10px;font-size:15px}
.sheet-read .share-promises strong{font-size:16px}
.sheet-read .share-status{padding:6px 12px;font-size:15px;margin:.5em 0}
.sheet-read .share-kinds{gap:6px;margin:0 0 .6em}
.sheet-read .share-kinds label{padding:6px 10px}
.sheet-read .share-kinds span{font-size:16px}
.sheet-read .share-kinds small{font-size:13px}
.sheet-read .share-grid{gap:6px 14px;margin:0 0 .6em}
.sheet-read label{gap:2px;font-size:15px;margin-bottom:.4em}
.sheet-read input:not([type=radio]):not([type=checkbox]),.sheet-read select,html body .sheet-lock .paper .sheet-read textarea{padding:5px 8px;font-size:16px}
.sheet-read .share-table{margin:0 0 .6em}
.sheet-read .share-table th,.sheet-read .share-table td{padding:4px 8px;font-size:15px}
.sheet-read .share-cards{gap:8px;margin:0 0 .6em}
.sheet-read .share-cards section{padding:6px 10px;font-size:15px}
.sheet-read .share-actions{gap:6px;align-items:center}
.sheet-read .share-actions button,.sheet-read .share-button{padding:5px 12px;font-size:15px}
.sheet-read .share-tight{margin:0 0 .3em}
.sheet-read .share-files{margin:.2em 0 .6em}
.sheet-read .share-files li{padding:3px 8px}
.sheet-read .share-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 22px;margin:.3em 0 .4em}
.sheet-read .share-pills{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;border:0}
.sheet-read .share-pills legend{padding:0;margin:0 0 3px;font-size:15px;color:#3b4d55}
.sheet-read .share-pills label{display:inline-flex;align-items:center;margin:0;font-size:15px}
.sheet-read .share-pills input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.sheet-read .share-pills input[type=radio] + span{padding:4px 11px;border:1px solid #c9d6da;background:#fff;cursor:pointer}
.sheet-read .share-pills input[type=radio]:checked + span{border-color:#8d7344;background:#f7f1e4;box-shadow:inset 0 -2px 0 #d1a56a}
.sheet-read .share-pills input[type=radio]:focus-visible + span{outline:3px solid #bc8d41;outline-offset:2px}
.sheet-read .share-pills label.share-check{margin:0 10px 0 0}
.sheet-read .share-pass{flex:1 1 200px;margin:0}
.sheet-read .share-made{margin:.6em 0;padding:8px 12px;border:1px solid #d4c08a;background:#fdf9ef}
.sheet-read .share-made p{margin:0 0 .4em}
.sheet-read .share-made #made-link{flex:1 1 320px;width:auto}
.sheet-read .share-mine{padding:6px 10px;margin:0 0 6px}
.sheet-read .share-mine p{margin:0 0 .2em;font-size:16px}
.sheet-read .share-mine .share-actions{margin:0}
.sheet-read .share-comment{padding:4px 0}
.sheet-read .share-message{padding:8px 12px;margin:0 0 .6em}
.sheet-read .share-file{margin:0 0 .6em}
/* Outlines are the blue-gray tone. No line around the private link or the Copy link button. */
.sheet-read .share-made{border:0;background:#f5f7f7}
.sheet-read .share-made #made-link{border:0;background:#fff;outline:none;box-shadow:none}
.sheet-read .share-made #made-link:focus{outline:none}
.sheet-read .share-made #made-copy{border:0}
/* A line for teachers, pointing to the class link (class-page.js). */
.class-promo{margin:8px 0 14px;padding:10px 14px;border-left:4px solid #dbba8b;background:#fffdf7;font:16px/1.5 Georgia,'Times New Roman',serif;color:#14262d}
.class-promo a{font-weight:700}