/* =========================
   ADD PEN WORKBENCH
========================= */

.hpc-add-pen-wrap{
    margin:18px 0;
}

/* =========================
   SHARED CARDS
========================= */

.hpc-add-pen-header,
.hpc-add-pen-dashboard,
.hpc-add-pen-message,
.hpc-add-pen-panel,
.hpc-add-pen-recent{
    border:1px solid rgba(176,138,82,0.28);
    border-radius:10px;
    background:#FFFDF9;
}

/* =========================
   HEADER
========================= */

.hpc-add-pen-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    margin-bottom:12px;
    padding:14px 16px;
}

.hpc-add-pen-header h1{
    margin:0 0 4px;
    font-size:22px;
    line-height:1.2;
    color:#171411;
}

.hpc-add-pen-header p{
    margin:0;
    font-size:13px;
    color:#5E5A55;
}

/* =========================
   DASHBOARD
========================= */

.hpc-add-pen-dashboard{
    margin-bottom:12px;
    overflow:hidden;
}

.hpc-add-pen-dashboard-head{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    border-bottom:1px solid rgba(176,138,82,0.12);
    background:#FFFCF7;
}

.hpc-add-pen-dashboard-head h2{
    margin:0 0 4px;
    font-size:18px;
    color:#171411;
}

.hpc-add-pen-dashboard-head p{
    margin:0;
    font-size:12px;
    color:#5E5A55;
}

.hpc-add-pen-dashboard-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:12px 14px;
}

.hpc-add-pen-dashboard-card{
    padding:12px;
    border:1px solid rgba(176,138,82,0.18);
    border-radius:8px;
    background:#fff;
}

.hpc-add-pen-dashboard-card span{
    display:block;
    margin-bottom:5px;
    font-size:11px;
    font-weight:700;
    color:#5E5A55;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.hpc-add-pen-dashboard-card strong{
    display:block;
    font-size:22px;
    color:#171411;
}

/* =========================
   BUTTONS
========================= */

.hpc-add-pen-actions,
.hpc-add-pen-dashboard-actions,
.hpc-add-pen-recent-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px;
}

.hpc-add-pen-dashboard-actions{
    justify-content:flex-end;
}

.hpc-add-pen-actions a,
.hpc-add-pen-dashboard-actions a,
.hpc-add-pen-recent-actions a,
.hpc-add-pen-recent-actions button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    height:26px;
    min-height:26px;
    padding:0 8px;
    border:1px solid rgba(176,138,82,0.35);
    border-radius:4px;
    background:#fff;
    color:#171411;
    text-decoration:none;
    font-size:11px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    appearance:none;
}

.hpc-add-pen-actions a{
    height:32px;
    min-height:32px;
    padding:0 11px;
    font-size:12px;
}

.hpc-add-pen-dashboard-actions a{
    height:30px;
    min-height:30px;
    padding:0 10px;
    font-size:12px;
}

.hpc-add-pen-actions a:hover,
.hpc-add-pen-dashboard-actions a:hover,
.hpc-add-pen-recent-actions a:hover,
.hpc-add-pen-recent-actions button:hover{
    border-color:#B08A52;
    background:#B08A52;
    color:#FDFBF8;
}



/* =========================
   MESSAGES
========================= */

.hpc-add-pen-message{
    margin-bottom:12px;
    padding:14px 16px;
    font-size:14px;
}

.hpc-add-pen-message-success{
    border-color:rgba(78,143,90,0.45);
    background:#F5FBF5;
}

.hpc-add-pen-message-error{
    border-color:rgba(179,38,30,0.45);
    background:#FFF5F3;
}

/* =========================
   FORM STRUCTURE
========================= */

.hpc-add-pen-form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.hpc-add-pen-panel{
    box-shadow:0 8px 18px rgba(0,0,0,0.025);
    overflow:hidden;
    scroll-margin-top:80px;
}

.hpc-add-pen-panel summary{
    position:relative;
    cursor:pointer;
    list-style:none;
    padding:10px 90px 10px 14px;
    border-bottom:1px solid rgba(176,138,82,0.12);
    color:#171411;
    font-size:14px;
    font-weight:700;
    line-height:1.25;
}

.hpc-add-pen-panel summary::-webkit-details-marker{
    display:none;
}

.hpc-add-pen-panel[open] summary{
    background:#FFFCF7;
}

.hpc-add-pen-panel summary::after{
    content:"▾";
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    color:#B08A52;
    font-size:14px;
}

.hpc-add-pen-panel[open] summary::after{
    content:"▴";
}

.hpc-add-pen-panel-body{
    padding:15px 17px;
}

/* =========================
   ORDER CONTROLS
========================= */

.hpc-add-pen-order-controls{
    position:absolute;
    right:40px;
    top:50%;
    transform:translateY(-50%);
    display:inline-flex;
    gap:4px;
}

.hpc-add-pen-order-btn{
    width:23px;
    height:23px;
    padding:0;
    border:1px solid rgba(176,138,82,0.35);
    border-radius:4px;
    background:#fff;
    color:#5E5A55;
    font-size:11px;
    line-height:1;
    cursor:pointer;
}

.hpc-add-pen-order-btn:hover{
    border-color:#B08A52;
    background:#B08A52;
    color:#FDFBF8;
}

/* =========================
   FIELDS
========================= */

.hpc-add-pen-grid{
    display:grid;
    gap:14px;
}

.hpc-add-pen-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
    padding:3px;
}

.hpc-add-pen-field > span{
    font-size:11px;
    font-weight:700;
    line-height:1.2;
    color:#5E5A55;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.hpc-add-pen-field input,
.hpc-add-pen-field select,
.hpc-add-pen-field textarea{
    width:100%;
    min-height:34px;
    padding:6px 8px;
    border:1px solid rgba(176,138,82,0.28);
    border-radius:4px;
    background:#fff;
    color:#171411;
    font-size:13px;
    font-weight:600;
    line-height:1.35;
}

.hpc-add-pen-field input[type="file"]{
    padding:6px;
    font-weight:500;
}

.hpc-add-pen-field textarea{
    min-height:64px;
    resize:vertical;
}

.hpc-add-pen-field input:focus,
.hpc-add-pen-field select:focus,
.hpc-add-pen-field textarea:focus{
    outline:none;
    border-color:#B08A52;
}

/* =========================
   CHECKBOXES
========================= */

.hpc-add-pen-field label,
.hpc-add-pen-checkbox-row label{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0;
    font-size:13px;
    font-weight:500;
    color:#171411;
}

.hpc-add-pen-field input[type="checkbox"]{
    width:auto;
    min-height:auto;
    margin:0;
}

.hpc-add-pen-checkbox-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

/* =========================
   GRID LAYOUTS
========================= */

.hpc-add-pen-grid-identity{
    grid-template-columns:repeat(12,1fr);
}

.hpc-add-pen-span-3{ grid-column:span 3; }
.hpc-add-pen-span-4{ grid-column:span 4; }
.hpc-add-pen-span-6{ grid-column:span 6; }
.hpc-add-pen-span-full{ grid-column:1 / -1; }

.hpc-add-pen-taxonomy-rows{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.hpc-add-pen-taxonomy-row{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:8px;
}

.hpc-add-pen-grid-specs{
    grid-template-columns:repeat(7,1fr);
}

.hpc-add-pen-two-panels{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.hpc-add-pen-two-panels-inner{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.hpc-add-pen-subpanel{
    padding:15px;
    border:1px solid rgba(176,138,82,0.18);
    border-radius:8px;
    background:#fff;
}

.hpc-add-pen-subpanel h3{
    margin:0 0 13px;
    font-size:13px;
    color:#171411;
}

.hpc-add-pen-grid-25-75{
    grid-template-columns:1fr 3fr;
}

.hpc-add-pen-grid-hp100{
    grid-template-columns:1fr 1fr;
}

.hpc-add-pen-grid-about-left,
.hpc-add-pen-grid-about-right{
    grid-template-columns:repeat(2,1fr);
}

.hpc-add-pen-grid-gallery{
    grid-template-columns:repeat(4,1fr);
}

.hpc-add-pen-future-options{
    opacity:.85;
}

/* =========================
   PLACEHOLDER
========================= */

.hpc-add-pen-placeholder{
    margin-top:13px;
    padding:10px 12px;
    border:1px dashed rgba(176,138,82,0.35);
    border-radius:8px;
    background:#fff;
    color:#5E5A55;
    font-size:13px;
    line-height:1.4;
}

/* =========================
   SUBMIT
========================= */

.hpc-add-pen-submit{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:2px;
}

.hpc-add-pen-submit button{
    min-height:36px;
    padding:0 14px;
    border:1px solid #B08A52;
    border-radius:4px;
    background:#fff;
    color:#171411;
    cursor:pointer;
    font-size:13px;
    font-weight:700;
}

.hpc-add-pen-submit button:hover{
    background:#B08A52;
    color:#FDFBF8;
}

/* =========================
   ACCESS DENIED
========================= */

.hpc-add-pen-denied{
    padding:14px 16px;
    border:1px solid rgba(179,38,30,0.45);
    border-radius:10px;
    background:#FFF5F3;
    color:#171411;
    font-size:14px;
    font-weight:700;
}

/* =========================
   BOTTOM LISTS
========================= */

.hpc-add-pen-bottom-lists{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}

.hpc-add-pen-recent{
    margin-top:0;
    overflow:hidden;
}

.hpc-add-pen-list-dropdown summary{
    position:relative;
    cursor:pointer;
    list-style:none;
    padding:12px 38px 12px 14px;
    border-bottom:1px solid rgba(176,138,82,0.12);
    background:#FFFCF7;
}

.hpc-add-pen-list-dropdown summary::-webkit-details-marker{
    display:none;
}

.hpc-add-pen-list-dropdown summary::after{
    content:"▾";
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    color:#B08A52;
    font-size:14px;
}

.hpc-add-pen-list-dropdown[open] summary::after{
    content:"▴";
}

.hpc-add-pen-list-dropdown summary h2{
    margin:0 0 3px;
    font-size:15px;
    color:#171411;
}

.hpc-add-pen-list-dropdown summary p{
    margin:0;
    font-size:12px;
    color:#5E5A55;
}

.hpc-add-pen-recent-list{
    display:grid;
    grid-template-columns:1fr;
}

.hpc-add-pen-recent-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:11px 14px;
    border-bottom:1px solid rgba(176,138,82,0.12);
}

.hpc-add-pen-recent-row:last-child{
    border-bottom:none;
}

.hpc-add-pen-recent-main{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}

.hpc-add-pen-recent-main strong{
    font-size:13px;
    color:#171411;
    line-height:1.25;
}

.hpc-add-pen-recent-main span{
    font-size:12px;
    color:#5E5A55;
    line-height:1.25;
}

.hpc-add-pen-action-stack{
    display:flex;
    flex-direction:column;
    gap:4px;
    align-items:stretch;
    min-width:156px;
}

.hpc-add-pen-action-line{
    gap:4px;
    align-items:center;
}

.hpc-add-pen-inline-form{
    display:flex;
    align-items:stretch;
    margin:0;
    padding:0;
}



.hpc-add-pen-action-line a,
.hpc-add-pen-action-line button{
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:100%;
    height:24px;
    min-height:24px;
    padding:0 7px;
    border:1px solid rgba(176,138,82,0.35);
    border-radius:4px;
    background:#fff;
    color:#171411;
    text-decoration:none;
    font-size:11px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    appearance:none;
}

.hpc-add-pen-action-line a:hover,
.hpc-add-pen-action-line button:hover{
    border-color:#B08A52;
    background:#B08A52;
    color:#FDFBF8;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width:1400px){

    .hpc-add-pen-grid-specs{
        grid-template-columns:repeat(4,1fr);
    }

    .hpc-add-pen-taxonomy-row{
        grid-template-columns:repeat(3,1fr);
    }
}

@media (max-width:1100px){

    .hpc-add-pen-two-panels,
    .hpc-add-pen-two-panels-inner,
    .hpc-add-pen-bottom-lists{
        grid-template-columns:1fr;
    }

    .hpc-add-pen-grid-gallery{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:900px){

    .hpc-add-pen-header,
    .hpc-add-pen-dashboard-head{
        flex-direction:column;
    }

    .hpc-add-pen-dashboard-actions{
        justify-content:flex-start;
    }

    .hpc-add-pen-dashboard-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .hpc-add-pen-grid,
    .hpc-add-pen-grid-identity,
    .hpc-add-pen-taxonomy-row,
    .hpc-add-pen-grid-specs,
    .hpc-add-pen-grid-25-75,
    .hpc-add-pen-grid-hp100,
    .hpc-add-pen-grid-about-left,
    .hpc-add-pen-grid-about-right,
    .hpc-add-pen-grid-gallery,
    .hpc-add-pen-checkbox-row{
        grid-template-columns:1fr;
    }

    .hpc-add-pen-span-3,
    .hpc-add-pen-span-4,
    .hpc-add-pen-span-6,
    .hpc-add-pen-span-full{
        grid-column:auto;
    }

    .hpc-add-pen-panel summary{
        padding-right:88px;
    }

    .hpc-add-pen-recent-row{
        grid-template-columns:1fr;
        align-items:start;
    }

    .hpc-add-pen-recent-actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }
}

/* =========================
   FINAL ALIGNMENT FIXES
========================= */

/* Real air between Archive Taxonomy cells */
.hpc-add-pen-taxonomy-row{
    column-gap:12px;
    row-gap:12px;
}

/* Equal action rows */
.hpc-add-pen-action-line{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:4px;
    align-items:stretch;
}

/* Equal wrapper height for forms and links */
.hpc-add-pen-action-line .hpc-add-pen-inline-form,
.hpc-add-pen-action-line a{
    display:flex;
    align-items:stretch;
    height:24px;
    min-height:24px;
    margin:0;
    padding:0;
}

/* Equal visual button/link content alignment */
.hpc-add-pen-action-line a,
.hpc-add-pen-action-line button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:24px;
    min-height:24px;
    margin:0;
    padding:0 7px;
    line-height:24px;
    vertical-align:middle;
}

/* Fix native button text baseline */
.hpc-add-pen-action-line button{
    font-family:inherit;
}

/* 3 buttons row for View/Edit/WP */
.hpc-add-pen-action-line:has(a:nth-child(3)){
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

/* Saved templates Remove button full width */
.hpc-add-pen-inline-form-wide{
    grid-column:1 / -1;
}

.hpc-add-pen-inline-form-wide button{
    width:100%;
}

/* =========================
   RECENT PENS THUMBNAIL
========================= */

.hpc-add-pen-recent-row-with-image{
    grid-template-columns:minmax(0,1fr) 76px auto;
}

.hpc-add-pen-recent-thumb{
    display:block;
    width:76px;
    aspect-ratio:16 / 9;
    border:1px solid rgba(176,138,82,0.22);
    border-radius:4px;
    background:#fff;
    overflow:hidden;
    text-decoration:none;
}

.hpc-add-pen-recent-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.hpc-add-pen-recent-thumb span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-size:10px;
    color:#9A948D;
    background:#FDFBF8;
}

@media (max-width:900px){
    .hpc-add-pen-recent-row-with-image{
        grid-template-columns:1fr;
    }

    .hpc-add-pen-recent-thumb{
        width:120px;
    }
}

.hpc-cabinet-admin-menu-link{
    display:flex;
    align-items:center;
    gap:14px;

    width:100%;
    margin:-20px; 10px;
    padding:7px 0;
    margin-left:1px;

    color:#2D3748;
    text-decoration:none;

    font-family:'Inter', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.2;
    text-transform:uppercase;
}

.hpc-cabinet-admin-menu-link:hover{
    color:#B08A52;
}

.hpc-cabinet-admin-menu-icon{
    width:28px;
    min-width:28px;

    color:#B08A52;
    font-size:22px;
    line-height:1;
    text-align:center;
}

.hpc-cabinet-admin-menu-text{
    border-bottom:1px solid transparent;
}

.hpc-cabinet-admin-menu-link:hover .hpc-cabinet-admin-menu-text{
    border-bottom-color:#B08A52;
}


/* =========================
   MODEL SERIES FIELD
========================= */

.hpc-add-pen-series-field[hidden]{
    display:none !important;
}

.hpc-add-pen-series-field.is-loading{
    opacity:.72;
}

.hpc-add-pen-series-note{
    display:block;
    min-height:15px;
    color:#7B756E;
    font-size:11px;
    font-weight:500;
    line-height:1.35;
    text-transform:none;
    letter-spacing:0;
}

.hpc-add-pen-series-field select:disabled{
    cursor:wait;
    background:#F7F4EF;
    color:#7B756E;
}

/* =========================
   MODEL FEATURED ORDER NOTE
========================= */

.hpc-add-pen-field > small {
    display: block;
    margin: 0;

    color: #7B756E;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.35;
    text-transform: none;
}
/* =========================
   REGISTRY RARITY BRIDGE
========================= */

.hpc-add-pen-registry-status{
    margin-bottom:12px;
    padding:9px 11px;
    border:1px solid rgba(78,143,90,0.28);
    border-radius:6px;
    background:#F7FBF7;
    color:#4F6152;
    font-size:12px;
    line-height:1.45;
}

.hpc-add-pen-registry-required{
    margin-top:0;
}

/* =========================
   VARIANT REGISTRY LINK
========================= */

/* Reuse the standard Add Pen field labels and inputs. */
.hpc-add-pen-wrap .hpc-add-pen-registry{
    min-width:0;
    color:#171411;
    font-size:13px;
    line-height:1.45;
}

.hpc-add-pen-wrap .hpc-add-pen-registry p,
.hpc-add-pen-wrap .hpc-add-pen-registry noscript{
    margin:10px 0 0;
    font-size:13px;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.hpc-add-pen-wrap .hpc-add-pen-registry .hpc-add-pen-help{
    color:#7B756E;
    font-size:12px;
    line-height:1.45;
}

.hpc-add-pen-wrap .hpc-add-pen-registry > .hpc-add-pen-field + .hpc-add-pen-field{
    margin-top:10px;
}

.hpc-add-pen-wrap .hpc-add-pen-registry > button{
    min-height:34px;
    margin:10px 8px 0 0;
    padding:6px 10px;
    border:1px solid rgba(176,138,82,0.28);
    border-radius:4px;
    background:#fff;
    color:#171411;
    font-size:12px;
    font-weight:600;
    line-height:1.35;
    cursor:pointer;
}

.hpc-add-pen-wrap .hpc-add-pen-registry > button:hover{
    background:#F7F4EF;
    border-color:#B08A52;
}

.hpc-add-pen-wrap .hpc-add-pen-registry > button:focus-visible{
    outline:2px solid #B08A52;
    outline-offset:2px;
}

.hpc-add-pen-wrap .hpc-add-pen-registry > button[hidden]{
    display:none;
}

/* =========================
   AVAILABILITY ADMIN
========================= */

.hpc-availability-admin-panels{
    align-items:start;
}

.hpc-availability-admin-photo-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.hpc-availability-admin-photo{
    padding:10px;
    border:1px solid rgba(176,138,82,0.18);
    border-radius:7px;
    background:#FFFEFC;
}

.hpc-availability-admin-photo img{
    display:block;
    width:100%;
    max-width:170px;
    aspect-ratio:4/3;
    object-fit:cover;
    margin-bottom:8px;
    border:1px solid rgba(176,138,82,0.18);
    border-radius:5px;
}

.hpc-availability-remove-photo{
    display:flex !important;
    align-items:center;
    gap:6px;
    margin:0 0 8px !important;
    color:#6B625A !important;
    font-size:11px !important;
}

.hpc-availability-history-note{
    margin-top:14px;
}

@media(max-width:760px){
    .hpc-availability-admin-photo-grid{
        grid-template-columns:1fr;
    }
}

.hpc-availability-inline-check{
    display:flex !important;
    align-items:center;
    gap:7px;
    margin-top:5px !important;
    color:#5E5A55 !important;
    font-size:11px !important;
    font-weight:500 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
}

.hpc-availability-history{
    margin-top:14px;
    padding:11px 12px;
    border:1px solid rgba(176,138,82,0.18);
    border-radius:7px;
    background:#fff;
    color:#5E5A55;
    font-size:11px;
}

.hpc-availability-history > strong{
    display:block;
    margin-bottom:7px;
    color:#171411;
    font-size:12px;
}

.hpc-availability-history-list{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.hpc-availability-history-row{
    display:grid;
    grid-template-columns:90px 90px 90px minmax(0,1fr);
    gap:8px;
    padding:5px 0;
    border-top:1px solid rgba(176,138,82,0.10);
}

.hpc-availability-history-row:first-child{
    border-top:none;
}

@media(max-width:760px){
    .hpc-availability-history-row{
        grid-template-columns:1fr 1fr;
    }
}

/* =========================
   AVAILABILITY LISTING OPTIONS
========================= */
.hpc-availability-field-note{
    display:block;
    margin-top:4px;
    color:#7A726B;
    font-size:10.5px;
    font-weight:500;
    line-height:1.35;
    text-transform:none;
    letter-spacing:0;
}

.hpc-availability-no-action-warning{
    grid-column:1 / -1;
    margin-top:0;
    border-color:rgba(179,38,30,0.26);
    background:#FFF8F6;
    color:#7A514C;
}
.hpc-add-pen-wrap .hpc-add-pen-multi{min-width:0;margin:0;padding:3px;border:0}
.hpc-add-pen-wrap .hpc-add-pen-multi legend{float:none;width:auto;margin:0 0 7px;padding:0;font-size:11px;font-weight:700;line-height:1.2;color:#5E5A55;text-transform:uppercase;letter-spacing:.04em}
.hpc-add-pen-wrap .hpc-add-pen-multi-options{max-height:220px;overflow:auto;border:1px solid rgba(176,138,82,0.28);border-radius:4px;padding:8px 12px;background:#fff}
.hpc-add-pen-wrap .hpc-add-pen-multi-options label{display:flex;align-items:center;gap:8px;padding:5px 0;margin:0;cursor:pointer;font-size:14px;line-height:1.5}
.hpc-add-pen-wrap .hpc-add-pen-multi-options input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;min-height:0;margin:0;padding:0;appearance:auto;accent-color:#B08A52}
.hpc-add-pen-wrap .hpc-add-pen-multi-options span{font-size:14px;line-height:1.5;font-weight:400}
.hpc-add-pen-wrap .hpc-add-pen-multi small{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:#50575e}

/* Draft picker: outside the editing form so search never submits a Pen. */
.hpc-add-pen-wrap .hpc-add-pen-drafts{
    margin:0 0 16px;
    padding:0;
    border:1px solid rgba(176,138,82,.28);
    border-radius:10px;
    background:#FFFDF9;
    color:#171411;
}
.hpc-add-pen-wrap .hpc-add-pen-drafts > summary{padding:10px 38px 10px 14px;}
.hpc-add-pen-wrap .hpc-add-pen-drafts p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#5E5A55;}
.hpc-drafts-search-row,.hpc-drafts-select-row{display:flex;align-items:flex-end;gap:12px;margin-top:12px;}
.hpc-drafts-field{flex:1;min-width:0;}
.hpc-add-pen-wrap .hpc-drafts-field label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.4;}
.hpc-add-pen-wrap .hpc-drafts-field input,.hpc-add-pen-wrap .hpc-drafts-field select{
    box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;margin:0;
    padding:10px 12px;border:1px solid #BEB4A5;border-radius:6px;background:#fff;color:#171411;
    font-family:inherit;font-size:16px;line-height:1.4;
}
.hpc-add-pen-wrap .hpc-add-pen-drafts button{
    box-sizing:border-box;min-height:44px;margin:0;padding:10px 16px;
    border:1px solid #8B713F;border-radius:6px;background:#F3EADB;color:#171411;
    font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer;
}
.hpc-add-pen-wrap .hpc-add-pen-drafts button:hover:not(:disabled){background:#E8D9BF;}
.hpc-add-pen-wrap .hpc-add-pen-drafts button:disabled{opacity:.5;cursor:default;}
.hpc-add-pen-drafts :is(summary,input,select,button):focus-visible{outline:2px solid #80632D;outline-offset:3px;}
.hpc-drafts-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;}
.hpc-add-pen-wrap .hpc-drafts-footer p{margin:0;}
.hpc-drafts-footer nav{display:flex;gap:8px;flex-shrink:0;}
@media(max-width:600px){
    .hpc-drafts-search-row,.hpc-drafts-select-row,.hpc-drafts-footer{flex-direction:column;align-items:stretch;}
    .hpc-drafts-footer nav button{flex:1;}
}