/* Saved mark visibility and reusable information card. */
.mark-row { display:grid;grid-template-columns:20px minmax(0,1fr) repeat(4,32px);gap:3px; }
.mark-row input[type="text"] { box-sizing:border-box;width:100%;min-width:0; }
.mark-row .mark-row-btn { width:32px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:19px; }
.mark-row .ps-mark-visibility[aria-pressed="false"] { opacity:.55; }
.ps-mark-popup-tools { display:flex;gap:10px;align-items:center;margin:5px 0; }
.ps-mark-popup-tools button { min-width:36px;min-height:36px; }
.ps-mark-visibility-toolbar { padding:8px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #557184; }
.ps-mark-visibility-toolbar small { flex-basis:100%;font-size:11px; }
.ps-mark-visibility-toolbar select,.ps-mark-visibility-toolbar button { min-height:34px; }
.ps-mark-details-dialog { box-sizing:border-box;width:min(500px,calc(100vw - 24px));max-height:90vh;max-height:90dvh;overflow:auto;border:1px solid #22c7ff;border-radius:16px;background:#101f30;color:#ecf6ff;padding:18px;font:14px/1.4 system-ui,sans-serif; }
.ps-mark-details-dialog::backdrop { background:rgba(0,0,0,.55); }
.ps-mark-details-dialog h2 { margin:0 0 8px;font-size:20px;overflow-wrap:anywhere; }
.ps-mark-details-dialog p { margin:7px 0; }
.ps-mark-details-dialog label { display:block;margin-top:12px; }
.ps-mark-details-dialog input,.ps-mark-details-dialog select,.ps-mark-details-dialog textarea { box-sizing:border-box;display:block;width:100%;margin-top:4px;padding:9px;background:#192f44;color:#fff;border:1px solid #678398;border-radius:6px;font:16px system-ui; }
.ps-mark-details-dialog textarea { min-height:90px;resize:vertical; }
.ps-mark-snapshot { background:#091725;border-radius:8px;padding:10px;margin:12px 0; }
.ps-mark-snapshot small { display:block;margin-top:8px;color:#b3c8d7; }
.ps-mark-snapshot summary { cursor:pointer; }
.ps-mark-details-actions { display:flex;justify-content:flex-end;gap:10px;margin-top:14px; }
.ps-mark-details-actions button { padding:10px 14px;border:1px solid #22c7ff;border-radius:8px;background:#12334d;color:#fff;font:inherit;cursor:pointer; }
@media(max-width:380px) { .mark-type-list { padding-left:0; } .mark-row { grid-template-columns:18px minmax(0,1fr) repeat(4,30px);gap:1px; } .mark-row .mark-row-btn { width:30px; } }

.mark-row .ps-mark-name { width:100%;min-width:0;min-height:36px;padding:6px 8px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #55768e;border-radius:6px;background:#152e43;color:#edf7ff;font:inherit;cursor:pointer; }
.mark-row .ps-mark-name:hover { background:#20445f;border-color:#35bfff; }
.mark-row .ps-mark-name:focus-visible { outline:2px solid #35bfff;outline-offset:2px; }
.ps-mark-details-actions { flex-wrap:wrap; }
.ps-mark-export-list { max-height:180px;overflow:auto;padding-left:24px; }
.ps-mark-details-dialog p { overflow-wrap:anywhere; }